javascript - JS - 计时器运行缓慢

Question

我编写了一个简单的 JavaScript 计时器，但我注意到它以 1/3 的速度运行。这个计时器应该记录已经过去了多少毫秒。我不确定我做错了什么。

http://jsfiddle.net/m3vYc/

time = 10000;
timer = setInterval( function() {
    time--;
    $('#timer').text(time);
}, 1);

Answer 1

您的错误在于假设您的计算机可以保持 1 毫秒的计时器。

某些浏览器将使用计算机的时钟，在 Windows 中，该时钟每 16 毫秒(1/60 秒，即屏幕的帧速率)计时一次。其他人会以更准确的 3ms 覆盖此值，这就是为什么您看到的结果是 1/3 速度。

相反，使用增量计时:

var start = new Date().getTime();
setInterval(function() {
    var now = new Date().getTime();
    var elapsed = now-start;
    var timeleft = 10000-elapsed; 
    $("#timer").text(timeleft);
},25);

Demo