我正在测试setTimeout使用此测试的准确性。现在我注意到（正如预期的那样）setTimeout不是很准确，但对于大多数设备来说并不是非常不准确。现在，如果我在 Chrome 中运行测试并让它在后台选项卡中运行（因此，切换到另一个选项卡并在那里浏览），返回测试并检查结果（如果测试完成），它们会发生巨大变化。看起来超时的运行速度要慢得多。在 FF4 或 IE9 中测试没有发生这种情况。
因此，在没有焦点的选项卡中，Chrome 似乎暂停或至少减慢了 javascript 执行速度。在互联网上找不到关于该主题的太多内容。这意味着我们无法运行后台任务，例如使用 XHR 调用在服务器上定期检查，并且setInterval（我怀疑会看到相同的行为setInterval，如果有时间我会编写测试）。
有没有人遇到过这个？这种暂停/减速是否有解决方法？你会称它为错误吗，我应该这样提交吗？
我最近问过这个问题，这是设计行为。When a tab is inactive, only at a maximum of once per second the function is called. 这是代码更改。
也许这会有所帮助： 当 Chrome 中的选项卡处于非活动状态时，如何使 setInterval 也能工作？
TL;DR：使用Web Workers。
有一个使用 Web Workers 的解决方案，因为它们运行在单独的进程中并且不会变慢
我编写了一个小脚本，无需更改代码即可使用 - 它只是覆盖了函数 setTimeout、clearTimeout、setInterval、clearInterval
只需在所有代码之前包含它
播放 ~empty 声音会强制浏览器保持性能 - 我在阅读此评论后发现了这一点：即使选项卡未处于活动状态，如何使 JavaScript 在 Chrome 中以正常速度运行？
对于使用 WebSockets 的浏览器游戏，我需要无限的按需性能，所以我从经验中知道使用 WebSockets 并不能确保无限的性能，但从测试中，播放音频文件似乎可以确保它
这是我为此目的创建的 2 个空音频循环，您可以在商业上自由使用它们：http : //adventure.land/sounds/loops/empty_loop_for_js_performance.ogg http://adventure.land/sounds/loops/empty_loop_for_js_performance.wav
（它们包括 -58db 噪音，-60db 不起作用）
我根据用户需求使用 Howler.js 播放它们：https : //github.com/goldfire/howler.js
function performance_trick()
{
if(sounds.empty) return sounds.empty.play();
sounds.empty = new Howl({
src: ['/sounds/loops/empty_loop_for_js_performance.ogg','/sounds/loops/empty_loop_for_js_performance.wav'],
volume:0.5,
autoplay: true, loop: true,
});
}
遗憾的是，默认情况下没有内置的方法可以打开/关闭 javascript 的全部性能，但是，加密矿工可以在没有任何提示的情况下使用 Web Workers 劫持您的所有计算线程：|
我已经发布了worker-interval npm 包，其中 setInterval 和 clearInterval 实现使用 Web-Workers 来保持和运行 Chrome、Firefox 和 IE 的非活动选项卡。
大多数现代浏览器（Chrome、Firefox 和 IE）、时间间隔（窗口计时器）都被限制为在非活动选项卡中每秒触发一次。
你可以找到更多信息
https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setInterval
这是我的解决方案，它获取当前毫秒，并将其与创建函数的毫秒进行比较。对于间隔，它将在运行该函数时更新毫秒。您还可以通过 id 获取间隔/超时。
<script>
var nowMillisTimeout = [];
var timeout = [];
var nowMillisInterval = [];
var interval = [];
function getCurrentMillis(){
var d = new Date();
var now = d.getHours()+""+d.getMinutes()+""+d.getSeconds()+""+d.getMilliseconds();
return now;
}
function setAccurateTimeout(callbackfunction, millis, id=0){
nowMillisTimeout[id] = getCurrentMillis();
timeout[id] = setInterval(function(){ var now = getCurrentMillis(); if(now >= (+nowMillisTimeout[id] + +millis)){callbackfunction.call(); clearInterval(timeout[id]);} }, 10);
}
function setAccurateInterval(callbackfunction, millis, id=0){
nowMillisInterval[id] = getCurrentMillis();
interval[id] = setInterval(function(){ var now = getCurrentMillis(); if(now >= (+nowMillisInterval[id] + +millis)){callbackfunction.call(); nowMillisInterval[id] = getCurrentMillis();} }, 10);
}
//usage
setAccurateTimeout(function(){ console.log('test timeout'); }, 1000, 1);
setAccurateInterval(function(){ console.log('test interval'); }, 1000, 1);
</script>