これは実験段階の機能です。
この機能は複数のブラウザで開発中の状態にあります。互換性テーブルをチェックしてください。また、実験段階の機能の構文と挙動は、仕様変更に伴い各ブラウザの将来のバージョンで変更になる可能性があることに注意してください。
概要
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 |
? | ? | ? |