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

Question

众所周知，setInterval以较高的间隔运行具有更好的性能。

我的问题是好多少？

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

• 它将在多大程度上影响我的网站性能？
• 它会干扰我的用户界面吗？
• 这是我什至需要考虑的事情吗？

为简单起见，假设我发送给的函数setInterval只有一行：

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

Answer 1

对于只做很少工作的大约 1 秒左右的间隔，您不需要太担心。

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

如果你想变得非常好，你可以使用Page Visibility API来禁用页面不活动时的间隔。