javascript - setInterval 与 chrome 和 firefox 不同

Question

以下代码在 Firefox 和 Chrome 之间打印不同的结果

var start = Date.now()

var id = setInterval(function interval() {
    var whileStart = Date.now()   
    console.log(whileStart - start)
    while (Date.now() - whileStart < 250) { 
    }
}, 100)

setTimeout(function timeout() {
    clearInterval(id)
    console.log('timeout',Date.now() - start)       
}, 400)

chrome 74 打印:

100
351
605
timeout 855

firefox 67 打印:

101
351
timeout 601

为什么？

加上setTimeout延迟，结果还是不一样。

var start = Date.now()

var id = setInterval(function interval() {
    var whileStart = Date.now()   
    console.log(whileStart - start)
    while (Date.now() - whileStart < 250) { 
    }
}, 100)

setTimeout(function timeout() {
    clearInterval(id)
    console.log('timeout',Date.now() - start)       
}, 500)

Answer 1

setTimeout 将您的请求排队，以便在指定的延迟后第一时间处理。一旦延迟过去并且调用堆栈为空，您的请求就会得到处理。这意味着时间可能会略有不同，具体取决于浏览器引擎正在执行的其他操作。