1

我正在尝试创建一个以年、月、日、小时、分钟、秒和毫秒为单位倒计时的计时器。我在网上找到了一些指南，但它们有点不容易理解，或者不做毫秒。谁能帮我做这样的事情，比如说，这个星期五 13:30。

所以它可以读取 0y 0m 2d 2h 11m 50ms

并倒计时毫秒。我会展示代码来证明我实际上已经尝试过自己做这件事，但是这一切都失败了，以至于我会感到尴尬。

我还阅读了这篇文章，这让我有点不信任 javascript 计时器。这是真的吗，他们变得如此不同步？

谢谢你的帮助！

4

2 回答 2

7

取决于你如何实现它。

如果您读取一次时间并依赖于 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/

于 2012-04-11T19:49:36.957 回答
1

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

end使用 JavaScript 第一行中定义的变量设置结束日期。

如果您不想每 1 毫秒更新一次，那么这里有一个 jsfiddle 每 60 次更新：http: //jsfiddle.net/QH6X8/187/

于 2012-04-11T19:56:01.680 回答