为什么用setTimeout代替setInterval?

参考文档

setInterval

1. “丢帧”现象(setInterval()仅当没有该定时器的任何其他代码实例时,才将定时器代码添加到队列中)
2. 代码的执行间隔 <= 预期
复制代码

setInterval

  • 在1.7s处,func1在执行,func2在队列里等待执行,func2就是该定时器的代码实例,按照JS引擎的处理,func3不会加入到事件队列里,更别说执行了,这就导致出现了“丢帧”现象
  • 在2s处,func1执行完毕,此时线程空闲,func2开始执行,这就使得func1和func2之间没有时间间隔,违背我们所预期的500ms产生一次结果

setTimeout

setTimeout

  • 确保不会缺失时间间隔(如:2s ~ 2.5s ;3.5s ~ 4s)
分类:
阅读
标签: