经实验,在92版本的Chrome和70版本的fireFox中,setTimeout相对setInterval来说不太稳定
谷歌浏览器、火狐:最小间隔 1s
JavaScript 定时器的不可靠性主要源于两个方面:
- 定时器不是实时的:定时器走的宏任务,会被添加到任务队列中等待执行,并不是精确的计时器。如果当前任务的时间间隔很小,且任务执行时间很长,那么后一个定时器会延迟执行,可能会导致预期的时间间隔不准确。
- 定时器在后台标签页上被限制:当页面被切换到后台标签页时(本地窗口遮蔽),浏览器会将一些操作限制在后台标签页中,包括定时器。这意味着,当页面不在前台时,定时器不会按照预期执行,直到页面重新变为前台标签页。
为了解决定时器的不可靠性问题,可以使用基于 Promise 的延迟功能和 Web Workers 等技术来实现更可靠的定时器。
实际业务比较少需要定时这么频繁,了解即可
相关文章:当浏览器切换到其他标签页或者最小化时,你的js定时器还准时吗?