JavaScript高级day44-- 函数的定时器

定时器不能保证定时执行

<button id="btn">启动定时器</button>

//获取元素 
//添加点击事件
  document.getElementById('btn').onclick = function () {
    //获取当前时间
    var start = Date.now()
    console.log('启动定时器前...')
    //设置超时定时器  每200毫秒执行一次
    setTimeout(function () {
      console.log('定时器执行了', Date.now()-start)
    }, 200)
    console.log('启动定时器后...')

    // 做一个长时间的工作
    for (var i = 0; i < 1000000000; i++) {
    }
  }

• 定时器并不能保证真正定时执行
• 一般会延迟一丁点(可以接受)（一般情况）
• 也有可能延迟很长时间(不能接受)（做了一个长时间的工作）

定时器回调函数是在主线程上执行的

js是单线程的，详细请点击
定时器通过事件循环模型实现，详细请点击