概要
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 |