window方法:cancelAnimationFrame()

2018-07-31 11:35 更新

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格式。此兼容性表仍使用旧格式,因为我们尚未转换它包含的数据。 了解如何提供帮助!

  • 电脑端
特征Chrome
Edge
Firefox(Gecko)Internet Explorer
Opera
Safari(WebKit)
基本支持支持:21.0 webkit、24.0支持支持:11.0 moz
23.0
支持:10支持:15.0支持:6.0 webkit、6.1 
  • 移动端
特征AndroidChrome for Android
Edge
Firefox Mobile(Gecko)IE Phone
Opera MobileSafari Mobile
基本支持支持:4.4支持:33支持支持:11.0 moz、23.0支持:10支持:33支持:7.1

规范

  • 基于脚本的动画的时间控制:cancelAnimationFrame WD
以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号