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)

原创文章,作者:306829225,如若转载,请注明出处:https://blog.ytso.com/268389.html

(0)
上一篇 2022年6月20日
下一篇 2022年6月20日

相关推荐

发表回复

登录后才能评论