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;

您可能忘记发表评论＆＃34; +＆＃34;在第二行。

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

Answer 4

你可以试试这个

 document.getElementById("id").innerHTML = 'days: ' + t.days + '<br>' +
                          'hours: ' + t.hours + '<br>';

如何在javascript倒计时代码中显示天+小时+分钟+秒？

4 个答案: