setTimeout&setInterval

定时器

• 因为JavaScript是运行于单线程环境中,所以定时器的执行时机是不能保证的
• 除了主JavaScript进程外, 还有一个需要在进程下一次空闲时执行的代码队列,代码会按照执行顺序加入队列

setTimeout()

工作方式: 特定时间后将代码插入到队列中,如果在这个时间点上,队列中没有其他东西,那么就会被执行,如果有其它任务执行, 则等到其它任务执行完毕才会执行

setInterval()

• 仅当没有该定时器的任何其他代码实例时,才将定时器代码添加到队列中(确保定时器代码加入到队列中的最小时间间隔为指定间隔

• 重复定时器规则的问题:

  1. 某些间隔会被跳过
  2. 多个定时器的代码执行之间的间隔的可能会比预期的小
     

• 解决方案

  • 链式setTimeout()

  setTimeout(function(){
    setTimeout(arguments.callee, interval)
  }, interval)
  

更多内容尽在我的博客 持续更新更多内容