标签:const setInterval interval timer js flag setTimeout
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
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。