倒计时片段:如果小于1隐藏值

Question

如何隐藏days的值和小时如果小于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;

连续几小时或几分钟做同样的事情。