【HTML5 Canvas核心技术】第五章 动画

setTimeOut|setInterval相对于requestAnimationFrame的缺点

• 前者都是通用方法，并不是转为制作动画用的
• 即使是向前者传递了具体的时间，也无法按照指定的时间来进行处理
• 没有考虑到绘制动画的最佳时机，而是一味的以某个大致的时间间隔来调用动画循环

帧速率的计算

• 当前帧距离上一帧的时间，计算得出每秒播放的帧数，简称fps
• 1（帧）/ 时间差（当前时间 - 上一帧时间） / 1000 => 1000 / 时间差