达到0时从计时器中删除日期和小时

Question

我是javascript的完全初学者，不幸的是，我对它的了解还不够，无法做出我想要的更改，这就是我在这里接触的原因！

所以基本上我使用的是别人创建的计时器，但我不喜欢在只剩下13分10秒的时候，天或小时显示为0天0小时13分10秒钟。

如果只剩下13分10秒，我有没有办法让它只剩下13分钟10秒，同时当计时器中有超过1天或1小时时，保持小时和天数？

这是代码：

倒计时("06/26/2017 8:00 PM"，"计时器"(//日期格式：mm/dd/yyyy hh:mm AM

function countdown(dt, id)
{
var end = new Date(dt);
var _second = 1000;
var _minute = _second * 60;
var _hour = _minute * 60;
var _day = _hour * 24;
var timer;
function showRemaining() {
var now = new Date();
var distance = end - now;
if (distance < 0) {
clearInterval(timer);
document.getElementById(id).innerHTML = 'THE DAY HAS ARRIVED!'; //Displays when countdown is complete
return;
}
var days = Math.floor(distance / _day);
var hours = Math.floor((distance % _day) / _hour);
var minutes = Math.floor((distance % _hour) / _minute);
var seconds = Math.floor((distance % _minute) / _second);
document.getElementById(id).innerHTML = days + ' days ';
document.getElementById(id).innerHTML += hours + ' hrs ';
document.getElementById(id).innerHTML += minutes + ' mins ';
document.getElementById(id).innerHTML += seconds + ' secs';
}
timer = setInterval(showRemaining, 1000);
}

Answer 1

使用if条件检查天、小时或分钟是否大于0。如果它们大于0，则将它们添加到innerHTML中。

document.getElementById(id).innerHTML = ""; // initialize it to empty string
if(days > 0) {
document.getElementById(id).innerHTML += days + ' days ';
}
if(hours > 0) {
document.getElementById(id).innerHTML += hours + ' hrs ';
}
if(minutes > 0) {
document.getElementById(id).innerHTML += minutes + ' mins ';
}
document.getElementById(id).innerHTML += seconds + ' secs';

如果分钟或小时为0，则不会显示分钟或小时，但如果要显示0分钟或0小时(如果分钟前有小时，小时前有天(，则可以写入其他if条件。

document.getElementById(id).innerHTML = ""; // initialize it to empty string
if(days > 0) {
document.getElementById(id).innerHTML += days + ' days ';
if(hours == 0) {
document.getElementById(id).innerHTML +=  '0 hours ';
if(minutes == 0) {
document.getElementById(id).innerHTML +=  '0 mins ';
}
}
}
if(hours > 0) {
document.getElementById(id).innerHTML += hours + ' hrs ';
if(minutes == 0) {
document.getElementById(id).innerHTML +=  '0 mins ';
}
}
if(minutes > 0) {
document.getElementById(id).innerHTML += minutes + ' mins ';
}
document.getElementById(id).innerHTML += seconds + ' secs';