几乎所有现代浏览器都提供高分辨率计时器。这是“高分辨率时间”W3C 标准：http : //www.w3.org/TR/hr-time/#sec-DOMHighResTimeStamp。

它允许您通过调用window.performance.now()获得亚毫秒级的准确时间戳。这将返回一个以毫秒为单位的时间戳，但它是一个浮点数，因此您仍然可以获得亚毫秒级的分辨率。

非常旧的浏览器可能会实现该标准的“带前缀”版本，例如用于实现window.performance.webkitNow() 的基于 WebKit 的浏览器

下面是一些代码，您可以使用它在可用时获取准确的时间戳，否则回退到标准精度：

if (window.performance.now) {
    console.log("Using high performance timer");
    getTimestamp = function() { return window.performance.now(); };
} else {
    if (window.performance.webkitNow) {
        console.log("Using webkit high performance timer");
        getTimestamp = function() { return window.performance.webkitNow(); };
    } else {
        console.log("Using low performance timer");
        getTimestamp = function() { return new Date().getTime(); };
    }
}

getTimestamp();

请注意，此getTimestamp()函数不会返回表示当前日期/时间的值。通过减去两个不同的时间戳，返回值只能用于测量时间段。例如

var t1 = getTimestamp();
//... some other code
var t2 = getTimestamp();
console.log("Time delta: " + (t2 - t1));

请参阅@h3r3 的答案——这是正确的答案。

毫秒是 JavaScript 中最好的。而且，就像你说的，它不是很准确。请参阅 Stack Overflow 问题JavaScript 中的微秒计时。

timer.js声称提供高达微秒的分辨率，但它仅适用于Google Chrome。

更新：timer.js并没有支持微秒分辨率。它只是将毫秒计数乘以 1000。

抱歉，没有更好的消息了！

使用递归代替while (true)/ 。它将比基于超时的动画运行更流畅。如果您需要动画以较慢的路径运行，它会提供时间戳。setIntervalrequestAnimationFrame

截至目前（2013 年 2 月 25 日），Chrome 24 中高性能时代的质量非常糟糕。

var old = 0; 

for (var i=0; i<10; i++) {
    var t = window.performance.now(); 
    var d = t - old; 
    old = t; 
    console.log(t + ' += ' +d); 
}

输出是这样的：

609689.000000013 += 609689.000000013
609689.9999999441 += 0.9999999310821295
609689.9999999441 += 0
609689.9999999441 += 0
609689.9999999441 += 0
609690.9999999916 += 1.0000000474974513
609690.9999999916 += 0
609690.9999999916 += 0
609691.9999999227 += 0.9999999310821295
609691.9999999227 += 0

这表明

1) 抽样很少发生

2）精度还在1ms左右，不在微秒范围内。

这是您的代码在 JavaScript 中的样子，因此它不会阻塞用户界面，也不会使用不能跨浏览器工作的window.requestAnimationFrame。

/* Called once, preload essential resources here. */
function init() {}

/* Updates game/animation state */
function update(time) {}

/* Updates screen graphics  */
function render(time) {}

window.onload = function()
{
    var time;
    var done = false;

    init();
    // Using setTimeout passing zero makes the animate function run
    // as soon as possible, but yielding first.
    setTimeout(animate, 0);

    function animate () {
        time = new Date();
        update(time);
        render(time);
        if (!done) {
            setTimeout(animate, 0);
        }
    }
}

这种方法的一个问题是，animate()可能会比屏幕更新更频繁地调用 s（在 60 Hz 下，它不会比每 16 毫秒更新一次 abot 更频繁），从而导致额外的渲染永远不会出现在屏幕上。这就是为什么您应该尽可能坚持使用 requestAnimationFrame 的原因。