时间戳

首页 > 解决方案 > 时间到期时如何删除div？

javascript - 时间到期时如何删除div？

问题描述

所以我有一个倒计时手表，它会从你在天和小时内设置的任何时间下降到 0。例如，我设置了 1 天，每当这一天到期时，仍然有带有样式的 div，我怎样才能使它在这一天到期并且只剩下几个小时来删除该 div 时？手表看起来像 https://i.gyazo.com/83866f9d620d6c87e39ce43b64c92956.png 代码是

var countdown_text = '<span class="theme-watch days">' + days +
  '<spam style="font-size:17.5px">' + day_string + '</span>' +
  '</span>' +
  '<span class="theme-watch hours">' + dig(hours, 2) + '</span>' +
  '<span class="theme-watch minutes">' + dig(minutes, 2) + '</span>' +
  '<span class="theme-watch seconds">' + dig(seconds, 2) + '</span>' +
  "<span id='countdown_miliseconds' class='theme-watch'>" + dig(miliseconds, 3) + "</span>";

标签： javascript

解决方案

您可以使用if子句或三元运算符：

var countdown_text = (days > 0) ? '<span class="theme-watch days">'+days+' <span style="font-size:17.5px">'+day_string+'</span></span>' : '';
countdown_text += '<span class="theme-watch hours">'+dig(hours,2)+'</span>'+'<span class="theme-watch minutes">'+dig(minutes,2)+'</span><span class="theme-watch seconds">' + dig(seconds,2)+'</span>'+"<span id='countdown_miliseconds' class='theme-watch'>"+dig(miliseconds,3)+"</span>"; }

三元运算符if condition是写“然后值是x elseit's y ”的简写

相当于

if(days > 0){
   var countdown_text = '<span class="theme-watch days">'+days+' <span style="font-size:17.5px">'+day_string+'</span></span>';
}else{
   var countdown_text = '';
}

推荐阅读