其他分享
首页 > 其他分享> > js 使用setTimeout模拟实现setInterval

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)

标签:const,setInterval,interval,timer,js,flag,setTimeout
来源: https://www.cnblogs.com/ltfxy/p/16391964.html