使用 setTimeout 解决 setInterval 计时器不准的问题

我们都知道 setInterval 的回调函数并不是到了时间立即执行，而是等系统计算资源空闲下来后才会执行。下一次触发时间是在setInterval回调函数执行完毕后才开始的。如果setInterval内执行的计算过于耗时，或者有其他耗时任务在执行，setInterval的计时就会叠加，越来越不准。关于这个问题我们其实可以通过 setTimeout 来解决。全部代码如下：

let isStop = false
function fixedTime(interval) {
    console.time();
    let time = setTimeout(() => {
        clearTimeout(time);
        if (isStop) {
            console.timeEnd();

            //逻辑处理部分...

            fixedTime(interval);
        }
    }, interval);
}
fixedTime(1000);

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

运行结果：

#JavaScript

上次更新: 2024/01/30, 00:35:17

← 使用 js 进行Base64编码、解码（js-base64）使用js在树形（tree）结构中找到子节点的父级路径→