setInterval不同间隔之间的性能影响

Question

众所周知，以更高的间隔运行setInterval会有更好的表现。

我的问题是好多少？

我的网站上有一个计时器，目前使用setInterval每15秒显示当前时间。我想将间隔更改为1秒（1000毫秒）。

• 它对我的网站性能有多大影响？
• 它会干扰我的用户界面吗？
• 这是我甚至需要考虑的事情吗？

为简单起见，我可以说我发送给setInterval的函数只有一行：

document.getElementById("time").innerText = Date.now();

Answer 1

对于只做很少工作的1秒以上的间隔，你不需要太担心。

只有长时间运行的回调才会干扰用户界面。当您每秒运行代码很多次或代码很昂贵（大量计算或大型DOM修改）时，性能会受到影响。

如果您想要非常好，可以使用Page Visibility API在页面处于非活动状态时禁用间隔。