window方法：cancelAnimationFrame()

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格式。此兼容性表仍使用舊格式，因為我們尚未轉換它包含的數據。 了解如何提供幫助！

• 電腦端

• 移動端

規(guī)范

• 基于腳本的動畫的時間控制：cancelAnimationFrame WD