requestAnimationFrame无限循环pk定时器

requestAnimationFrame到底比起定时器来说有什么样的优势，大家不妨网上查阅一番，在次之前做个实践，定将大有收益，请看以下内容：

let num = 0
const run = () => {
  console.log('run')
  if (num % 60 === 0) {
    console.log(new Date())
  } 
  num += 1
  requestAnimationFrame(run)
}
requestAnimationFrame(run)

运行以上代码，然后查看控制台

打印了以上内容，由此看出requestAnimationFrame是一秒钟执行60次，也就可以看出我的电脑的屏幕帧数是60Hz
燃鹅，每秒60次是有前提条件的，也就是run函数必须在1000/60，即16.6666秒内执行完，怎么证明，跟着我的步伐

let num = 0
  const run = () => {
    console.log('run')
    for(let i = 0; i < 100000000; i++){

    }
    if (num % 60 === 0) {
      console.log(new Date())
    } 
    num += 1
    requestAnimationFrame(run)
  }
 requestAnimationFrame(run)

在代码中加了个for循环，然后

看上图，几秒钟才执行60次，也就是1秒并没有执行60次。还有一种现象，看上图，最后一次打印是22:22:22，切换到别的窗口停留几分钟，然后重新回来，发现在我们离开的那段时间并没有打印，回来才继续打印。