以毫秒为单位创建倒计时器

Question

我正在尝试创建一个以年，月，日，小时，分钟，秒和毫秒为单位倒计时的计时器。我已经在网上找到了一些指南，但它们有点不易理解，或者毫秒级。任何人都可以帮助我在这个星期五的13:30做这样的事情。

，以便它可以读取0Y0米2D 2H11米50ms的

和倒计时毫秒。我会显示代码来证明我实际上已经尝试过自己做这件事，但它都失败了，所以我很尴尬。

我也读this article，这让我不信任JavaScript的定时器一点。这是真的，他们成为so out of sync？

感谢您的帮助！

Answer 1

取决于你如何实现它。

如果您只读了一次，并依赖于setInterval或/和setTimeout来获得准确性，那么是的..他们可能会失去同步。

如果你总是得到当前在计算中使用的时间，那么它会像系统其他部分不同步一样意味着它跟随计算机的时钟。

改变我的答案在JavaScript/jQuery Countdown添加你

var end = new Date('13 Apr 2012 13:30:00'); 

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) { 
     // handle expiry here.. 
     clearInterval(timer); // stop the timer from continuing .. 
     //alert('Expired'); // alert a message that the timer has expired.. 
    } 
    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); 
    var milliseconds = distance % _second; 

    var countdownElement = document.getElementById('timer'); 
    countdownElement.innerHTML = days + 'd ' + 
           hours + 'h ' + 
           minutes + 'm ' + 
           seconds + 's ' + 
           milliseconds + 'ms'; 
} 

timer = setInterval(showRemaining, 10); 

毫秒但由于需要更复杂的计算，以28-31因子天月和闰年它不处理的月份和年份..

演示在http://jsfiddle.net/TaHtz/2/

Answer 2

试试这个js小提琴：http://jsfiddle.net/QH6X8/185/

设置结束DAT e在JavaScript的第一行中定义的变量end。

如果你不想更新每隔1毫秒，那么这里是一个更新的jsfiddle每60：http://jsfiddle.net/QH6X8/187/