js 使用setTimeout模拟实现setInterval
setTimeout 模拟实现 setInterval
js单线程,在线程占用时间较长的情况下,setInterval可能会向任务队列里添加很多宏任务
这些宏任务在线程空下来的时候,会依次执行,而不会间隔执行,导致失效
所以使用setTimeout+递归来模拟,只有前一次任务执行了之后,才添加下一次任务
const _setInterval = (fn, timeout) => {
const timer = { flag: true }
const _interval = () => {
fn()
timer.flag && setTimeout(_interval, timeout);
}
setTimeout(_interval, timeout);
return timer
}
let i = 1
const timer = _setInterval(() => {
i++
i === 5 && (timer.flag = 0)
}, 1000)