Window requestAnimationFrame() 方法

JavaScript Window Objekt

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

Browserkompatibilität

Die Zahlen in der Tabelle geben die erste Browserversion an, die das Methode requestAnimationFrame() vollständig unterstützt:

Wert des Parameters

Technische Details

Zusammenhängende Referenzen

CSS Tutorial:CSS Animation

CSS Referenz:CSS Animation Attribut

CSS Referenz:CSS Animation-CSS Animation Verzögerungs Attribut

CSS Referenz:CSS Animation Richtung Attribut

CSS Referenz:CSS Animation Dauern Attribut

CSS Referenz:CSS Animation-Fill-Property mode

CSS Referenz:CSS Animation-Iteration-Property count

CSS Referenz:CSS Animation-Property name

CSS Referenz:CSS Animation-Play-Property state

CSS Referenz:CSS Animation-Timing-Property function

JavaScript Window Objekt