javascript - 使用 future 日期的小时、分钟和秒创建计时器倒计时

Question

<分区>

Answer 1

您可以为目标时间创建一个日期对象，并获取与当前日期对象的差异。请注意，这取决于客户端是否正确设置了时钟。

function timeDiff(target) {

  function z(n) {return (n<10? '0' : '') + n;}

  var timeDiff = target - (new Date());
  var hours    = timeDiff / 3.6e6 | 0;
  var minutes  = timeDiff % 3.6e6 / 6e4 | 0;
  var seconds  = timeDiff % 6e4 / 1e3 | 0;

  return z(hours) + ':' + z(minutes) + ':' + z(seconds);
}

alert(timeDiff(new Date(2012,9,23,17,50,0)));

每秒运行一次，下一整秒后几毫秒。我会把它留给你。

编辑

搞什么鬼，这里有一个计时器可以调用它。只需要文档中一个 id 为 "timer"的元素:

function doCountDown(target) {
  document.getElementById('timer').innerHTML = timeDiff(target);
  var lag = 1020 - (new Date() % 100);
  setTimeout(function(){doCountDown(target);}, lag);
}

window.onload = function() {
  doCountDown(new Date(2012,9,23,17,50,0));
}