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)
posted @ 2022-06-20 01:06  IslandZzzz  阅读(333)  评论(0编辑  收藏  举报