倒计时片段：如果小于一则隐藏值

Question

如果天和小时的值小于1，如何隐藏？具体来说，如果 var distance 小于 1，则应隐藏数天和数小时。例如：我正在寻找一种方法来显示 20 小时 10 分钟，而不是 00 天 20 小时 10 分钟。

<script type="text/javascript">
  var second = 1000,
      minute = second * 60,
      hour = minute * 60,
      day = hour * 24;
  var countDown = new Date('{{- end_date -}}').getTime(),
      x = setInterval(function() {
      var now = new Date().getTime(),
          distance = countDown - now;
      document.querySelector('.js-timer-days').innerText = Math.floor(distance / (day)),
      document.querySelector('.js-timer-hours').innerText = Math.floor((distance % (day)) / (hour)),
      document.querySelector('.js-timer-minutes').innerText = Math.floor((distance % (hour)) / (minute)),
      document.querySelector('.js-timer-seconds').innerText = Math.floor((distance % (minute)) / second);
    }, second)

</script>

Answer 1

您只需做一个 if 语句。

let day_distance = Math.floor(distance / day)

if(day_distance <= 0){
    day_distance = "";
}

document.querySelector('.js-timer-days').innerText = day_distance;

几小时和几分钟做同样的事情。

倒计时片段：如果小于一则隐藏值

Countdown Snippet: Hide Value if less than One

javascript

liquid