6-requestAnimationFrame

requestAnimationFrame 做帧动画的

• window.requestAnimationFrame()  方法会告诉浏览器你希望执行一个动画。它要求浏览器在下一次重绘之前，调用用户提供的回调函数。
• 具体了解再mdn: +

• developer.mozilla.org/zhCN/docs/W…

• 让动画更加丝滑

本节是做动画时候让动画根据丝滑

• 都用requestAnimationFrame的方式来做处理
• requestAnimationFrame((time) => {})
  • time就是当前帧的执行时间ms级别的
• 简单的例子:

let x = 0;
let current = 0;
function render(time) {
  let t = time / 1000;
  x += t * 1;
  if(x >=3) {
    x = 0;
    current++;
  }
  if(current <= 5) {//满足条件就执行,不满足动画结束
     requestAnimationFrame(render)
  }
}