Window requestAnimationFrame() 方法

Objeto Window de 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);

Compatibilidad del Navegador

Los números en la tabla especifican la primera versión del navegador que admite completamente el método requestAnimationFrame():

Valor de Parámetro

Detalles Técnicos

Referencias Relacionadas

Tutoriales CSS:Animación CSS

Referencia CSS:Atributo Animación CSS

Referencia CSS:Animación CSS-Atributo Retraso de Animación CSS

Referencia CSS:Atributo Dirección de Animación CSS

Referencia CSS:Atributo Duración de Animación CSS

Referencia CSS:Animación CSS-fill-Atributo mode

Referencia CSS:Animación CSS-iteration-Atributo count

Referencia CSS:Animación CSS-Atributo name

Referencia CSS:Animación CSS-play-Atributo state

Referencia CSS:Animación CSS-timing-Atributo function

Objeto Window de JavaScript