实现setTimeout准时执行

setTimeout准时执行

1. 采用系统时间补偿法：修正每次时间间隔，前面耽误了时间，那么就缩小当前定时器的间隔时间。

第一个定时器执行了67ms，为了能在100ms的时候执行两次定时器，所以第二次定时器的时间就设置为33ms。

Offset = 现在的时间（67ms）- 执行一个定时器消耗的时间（50ms） = 时间差（17ms）

Offset = new Date().getTime() - (startTime + count * interval)

当前定时器的时间间隔 = 原来定时器的时间间隔（50ms）- 时间差Offset（17ms）= 33ms。则下次定时器的时间间隔为33ms。

2. While法：在定时器执行之前，设置一个preTime计时器，记录执行器开始执行的时间，然后在while循环中得到当前的时间nowTime，判断是否(nowTime - preTime >= delay)，如果>=，则立即终止当前线程，执行setTimeout中的代码，这样时间间隔就为0了。这么做的坏处就是会强行霸占主线程，使页面无法响应。

3. 使用web worker：在HTML页面，如果在执行脚本时，页面状态是不可响应的，直到脚本执行完成后，页面才变得可响应。web Worker是运行在后台的js，独立于其他脚本，不会影响页面的性能。