概要

window.requestAnimationFrame() の呼び出しによりスケジュールされたフレームアニメーションのリクエストをキャンセルします。

構文

window.cancelAnimationFrame(requestID);

引数

requestID
コールバックがリクエストした window.requestAnimationFrame() の呼び出しにより返された ID 値。

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

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

var start = window.mozAnimationStartTime;  // Firefox のみでサポート。他のブラウザーでは代わりに 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 (11.0) moz
23.0
10 15.0 6.0 webkit
6.1
機能 Android Chrome for Android Edge Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
基本サポート 4.4 33 (有) 11.0 (11.0) moz
23.0
10 33 7.1

仕様

関連情報

ドキュメントのタグと貢献者

タグ: 
このページの貢献者: Marsf, fscholz, ethertank
最終更新者: Marsf,