window.cancelAnimationFrame

概要

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);

ブラウザーの実装状況

機能 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,