Window: cancelAnimationFrame() 方法

基线 广泛可用

此功能已得到良好建立，并且可以在许多设备和浏览器版本中使用。它自以下时间以来在浏览器中可用： 2015年7月.

**window.cancelAnimationFrame()** 方法取消先前通过调用 window.requestAnimationFrame() 调度的动画帧请求。

语法

js
cancelAnimationFrame(requestID)

参数

requestID

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

返回值

无 (undefined)。

示例

js
const start = Date.now();

let myReq;

function step(timestamp) {
  const progress = timestamp - start;
  d.style.left = `${Math.min(progress / 10, 200)}px`;
  if (progress < 2000) {
    // it's important to update the requestId each time you're calling requestAnimationFrame
    myReq = requestAnimationFrame(step);
  }
}
myReq = requestAnimationFrame(step);
// the cancellation uses the last requestId
cancelAnimationFrame(myReq);

规范

规范
HTML 标准
# animationframeprovider-cancelanimationframe

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅