setInterval不同时间间隔对性能的影响

setInterval performance impact between different intervals

本文关键字：性能 影响 同时间 setInterval      更新时间：2023-09-26

众所周知，运行setInterval的时间间隔越长，性能越好。

我的问题是有多好?

我有一个定时器在我的网站上，目前每15秒使用setInterval显示当前时间。我想把间隔改为1秒(1000毫秒)。

  • 它会对我的网站性能产生多大的影响?
  • 它会干扰我的UI吗?
  • 这是我需要考虑的事情吗?

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

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

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

只有长时间运行的回调才会干扰UI。当你在一秒钟内运行代码很多次或者你的代码很昂贵(大量的计算或大的DOM修改)时，性能会受到影响。

如果你真的想要很好，你可以使用页面可见性API来禁用页面不活动时的间隔

相关文章：