setTimeout和setInterval无法按时执行

1.试解释下setTimeout和setInterval定时器无法按时执行的原因

JS是单线程,所以异步事件(比如鼠标点击和定时器)仅在线程空闲时才会被调度运行,代码执行时异步事件任务会按照将它们添加到队列的顺序执行,而setTimeout() 的第二个参数只是告诉JS再过多长时间把当前任务添加到队列中。如果队列是空的,那么添加的代码会立即执行;如果队列不是空的,那么它就要等前面的代码执行完了以后再执行。

2.为什么用setTimeout模拟setInterval会比较好

setInterval会漏执行
间隔执行器会每到固定间隔就添加此执行器到队列

• 如果队列中已经有此执行器的任务,就终止添加
• 如果没有未执行的当前同个执行器任务,就正常添加
• 如果有个当前通个执行器任务正在被处理,说明任务已经从队列中移走了，所以也添加

例如间隔是1s执行，那么每过1s，都会添加一次，但如果interval代码很长，要执行2s,执行代码时间大于设置的时间会漏执行。