如何在javascript倒计时代码中显示days+hours+mins+secs？

Question

我正在尝试在javascript中创建一个倒计时时钟来为日期倒计时。问题是我试图让它只显示日期和小时。下面是我的代码：

var deadline = '2017-06-01';
function getTimeRemaining(endtime) {
   var t = Date.parse(endtime) - Date.parse(new Date());
   var seconds = Math.floor((t / 1000) % 60);
   var minutes = Math.floor((t / 1000 / 60) % 60);
   var hours = Math.floor((t / (1000 * 60 * 60)) % 24);
   var days = Math.floor(t / (1000 * 60 * 60 * 24));
   return {
       'total': t,
       'days': days,
       'hours': hours,
       'minutes': minutes,
       'seconds': seconds
   };
}

function initializeClock(id, endtime) {
  var clock = document.getElementById(id);
  var timeinterval = setInterval(function () {
      var t = getTimeRemaining(endtime);
      clock.innerHTML = 'days: ' + t.days + '<br>' +
                        'hours: ' + t.hours + '<br>' +
                        'minutes: ' + t.minutes + '<br>' +
                        'seconds: ' + t.seconds;
      if (t.total <= 0) {
          clearInterval(timeinterval);
      };
  }, 1000);
}

我试着注释掉秒数和分钟数，但没有成功。我到底需要注释掉什么？谢谢!

Answer 1

使用此代码。

    function initializeClock(id, endtime) {
        var clock = document.getElementById(id);
        var timeinterval = setInterval(function () {
            var t = getTimeRemaining(endtime);
            clock.innerHTML = 'days: ' + t.days + '<br>' +
                  'hours: ' + t.hours + '<br>';
            //                      +'minutes: ' + t.minutes + '<br>' +
            //                      'seconds: ' + t.seconds;
            if (t.total <= 0) {
                clearInterval(timeinterval);
            };
        }, 1000);
    }

Answer 2

评论像这样

  clock.innerHTML = 'days: ' + t.days + '<br>' +
                    'hours: ' + t.hours + '<br>' +
                    //'minutes: ' + t.minutes + '<br>' +
                    //'seconds: ' + t.seconds;

将导致错误，因为您在末尾得到了一个松散的+。使用

  clock.innerHTML = 'days: ' + t.days + '<br>' +
                    'hours: ' + t.hours + '<br>' + ''
                    //'minutes: ' + t.minutes + '<br>' +
                    //'seconds: ' + t.seconds;

确保它的安全。

Answer 3

clock.innerHTML = 'days: ' + t.days + '<br>' +
                        'hours: ' + t.hours + '<br>'// + 
                        //'minutes: ' + t.minutes + '<br>' +
                        //'seconds: ' + t.seconds;

您可能忘了注释第二行的最后一个"+“。

演示： https://jsfiddle.net/72v5sofn/