cancelAnimationFrame()方法

cancelAnimationFrame()方法用于取消以前通过对window.requestAnimationFrame()的调用计划的动画帧请求。

cancelAnimationFrame()方法语法

window.cancelAnimationFrame（requestID）;

参数

requestID

调用window.requestAnimationFrame()返回的ID值，该值请求回调。

cancelAnimationFrame()方法示例

var requestAnimationFrame = window.requestAnimationFrame || window.mozRequestAnimationFrame ||
                            window.webkitRequestAnimationFrame || window.msRequestAnimationFrame;

var cancelAnimationFrame = window.cancelAnimationFrame || window.mozCancelAnimationFrame;

var start = window.mozAnimationStartTime;  // Only supported in FF. Other browsers can use something like Date.now().

var myReq;

function step(timestamp) {
  var progress = timestamp - start;
  d.style.left = Math.min(progress / 10, 200) + 'px';
  if (progress < 2000) {
    myReq = requestAnimationFrame(step);
  }
}
myReq = requestAnimationFrame(step);

cancelAnimationFrame(myReq);

浏览器兼容性

我们将兼容性数据转换为机器可读的JSON格式。此兼容性表仍使用旧格式，因为我们尚未转换它包含的数据。 了解如何提供帮助！

• 电脑端

• 移动端

规范

• 基于脚本的动画的时间控制：cancelAnimationFrame WD