Window requestAnimationFrame() 方法

Objet Window JavaScript

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

Compatibilité navigateur

Les nombres dans le tableau indiquent la première version du navigateur qui prend en charge pleinement la méthode requestAnimationFrame() :

Valeur des paramètres

Détails techniques

Références associées

Tutoriel CSS :Animation CSS

Référence CSS :Propriétés de l'animation CSS

Référence CSS :Animation CSS-Propriété délai de l'animation CSS

Référence CSS :Propriété direction de l'animation CSS

Référence CSS :Propriété durée de l'animation CSS

Référence CSS :Animation CSS-Fill-Propriété mode

Référence CSS :Animation CSS-Iteration-Propriété count

Référence CSS :Animation CSS-Propriété name

Référence CSS :Animation CSS-Play-Propriété state

Référence CSS :Animation CSS-Timing-Propriété function

Objet Window JavaScript