Window requestAnimationFrame() 方法

requestAnimationFrame()方法告诉浏览器您希望执行动画，并请求浏览器在下一次重新绘制之前调用指定的函数来更新动画。

该方法将回调作为要在重绘之前调用的参数。

语法：

window.requestAnimationFrame(callback)

示例

var start = null;
var element = document.getElementById('anim');

function step(timestamp) {
  if (!start) start = timestamp;
  var progress = timestamp - start;
  element.style.transform = 'translateX(' + Math.min(progress / 10, 400) + 'px)';
  if (progress < 20000) {
     window.requestAnimationFrame(step);
  }
}

window.requestAnimationFrame(step);

测试看看‹/›