window.cancelAnimationFrame

これは実験段階の機能です。
この機能は複数のブラウザで開発中の状態にあります。各ブラウザで用いるために、適切なベンダー接頭辞が必要な場合があります。互換性テーブルをチェックしてください。また、実験段階の機能の構文と挙動は、仕様変更に伴い各ブラウザの将来のバージョンで変更になる可能性があることに注意してください。

概要

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

構文

window.cancelAnimationFrame(requestID);               // Firefox

注記: 現時点では Firefox では接頭辞付きの window.mozCancelAnimationFrame を使用する必要があります。『』をご覧下さい。

引数

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() などを代替とする事ができます。

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

var myReq = requestAnimationFrame(step);

window.cancelAnimationFrame(myReq);

ブラウザ実装状況

機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
基本サポート 21.0 webkit
24.0
11.0 (11.0) moz
23.0
10 ? 6.0 webkit
unprefixed in nightlies
機能 Android Chrome for Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
基本サポート ? ? 11.0 (11.0) moz
23.0
? ? ?

仕様書

関連情報

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

最終更新者: ethertank,