Question

我一直试图通过提及日期和时间来设置计时器。下面是我到目前为止尝试的代码。

function timer() {
  var now = new Date();
  var outStr = now.getHours() + ':' + now.getMinutes() + ':' + now.getSeconds();
  document.getElementById('clockDiv').innerHTML = outStr;
  setTimeout('timer()', 1000);
}
timer();

<html>
  <head><title></title></head>
  <body onload="timer();">
    <div id="clockDiv"></div>
  </body>
</html>

上面的代码给出了系统日期的输出，但是我想指定日期，计时器应该从那天开始。

示例：我尝试在新日期（）中添加日期和时间，如下所示：

var now = new Date('Wed, 15 May 2013 13:05:32');

但是计时器不起作用。

有人可以帮助我吗？

Answer 1

基于this codepen我做了这个：

function getTimeRemaining() {
  var t = Date.parse('Wed, 15 May 2013 13:05:32') - 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 display(){
  var t = getTimeRemaining();
  document.write(-t.days + " days, " + -t.hours + " hours, " + -t.minutes + " minutes, " + -t.seconds + " seconds since " + 'Wed, 15 May 2013 13:05:32' + '<br>');
}
var timeinterval = setInterval(display, 1000);

日期和消极到积极的结果几乎是硬编码的，但你明白了。

使用js启动计时器，提及时间和日期

1 个答案: