JavaScript オブジェクト

JavaScript リファレンスマニュアル

JS DOMリファレンスマニュアル

JS Storage オブジェクト JavaScript Window オブジェクト

Window requestAnimationFrame() メソッド

requestAnimationFrame()このメソッドは、ブラウザにアニメーションを実行したい旨を伝え、次のリフレッシュ前に指定された関数を呼び出してアニメーションを更新するように要求します。

このメソッドは、リフレッシュ前に呼び出すコールバックをパラメータとして受け取ります。

语法：

window.requestAnimationFrame(callback)

例

var start = null;
var element = document.getElementById('anim');
function step(timestamp) {
　　if (!start) start = timestamp;
　　var progress = timestamp　-　start;
　　element.style.transform = 'translateX('　+　Math.min(progress　/　10,　400)　+　'px)';
　　if (progress <　20000)　{"}
　　　　　window.requestAnimationFrame(step);
　　}
}
window.requestAnimationFrame(step);

テストをしてみる‹/›

ブラウザ互換性

このテーブルの数字は、requestAnimationFrame()メソッドを完全にサポートする最初のブラウザバージョンを指定しています：

メソッド
requestAnimationFrame()	24	23	15	6.1	10

引数の値

引数	説明
callback	アニメーションを次のリフレッシュに更新するために呼び出される関数

技術的詳細

返却値：	一つの長整数値（リクエストID）で、コールバックリストのエントリをユニークに識別するために使用されます