mozilla
Your Search Results

    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
    ? ? ?

    仕様書

    関連情報

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

    Contributors to this page: fscholz, ethertank
    最終更新者: ethertank,