javascript - 每毫秒运行一个函数

Question

我试图每毫秒运行一个函数，为了实现这一点，我只是更喜欢 javascript 中的 setInterval 概念。我的代码如下，

HTML:

<div id=test>0.0</div>

脚本:

var xVal = 0;
var xElement = null;

xElement = document.getElementById("test");
var Interval = window.setInterval(startWatch, 1);


function startWatch(){

    xVal += 1;
    xElement.innerHTML = xVal;

}

所以上面的代码工作正常。但是当我用真实时钟测试结果时，真实时钟需要1000毫秒才能完成1秒，同时结果需要1000多毫秒才能完成1秒。

DEMO

谁能告诉我，

我的代码有什么错误吗？如果是，请告诉我，如何准确显示毫秒。？

Answer 1

您的代码没有错误，但是 JavaScript 计时器(setInterval 和 setTimeout)are not precise .浏览器无法遵守如此短的间隔。所以恐怕没有办法在网络浏览器上精确地将毫秒数增加一并显示更新。无论如何，这对人眼来说甚至是不可见的!

精确的解决方法将涉及更大的间隔和时间戳以计算耗时(以毫秒为单位):

var start = new Date().getTime();
setInterval(function() {
    var now = new Date().getTime();
    xElement.innerHTML = (now - start) + 'ms elapsed';
}, 40);