Los últimos tutoriales de desarrollo web
 

AnimationEvent elapsedTime Property

<Objeto de evento

Ejemplo

Averiguar cuántos segundos una animación ha estado funcionando:

var x = document.getElementById("myDIV");
x.addEventListener("animationiteration", myRepeatFunction);

function myRepeatFunction(event) {
    this.innerHTML = "Elapsed time: " + event.elapsedTime;
}
Inténtalo tú mismo "

Definición y Uso

La propiedad elapsedTime devuelve el número de segundos una animación ha estado funcionando, cuando se produce un evento de animación.

Nota: El valor de retorno no es afectada si la animación está en pausa (by using the animation-delay CSS property) .

Nota: Para el animationstart caso, esta propiedad siempre devuelve "0" .

Esta propiedad es de solo lectura.


Soporte del navegador

Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.

Propiedad
elapsedTime 10.0 6.0

Sintaxis

event .elapsedTime

Detalles técnicos

Valor de retorno: Un número, que representa el número de segundos una animación ha estado funcionando

Páginas relacionadas

Referencia HTML DOM: El Evento animationstart

Referencia HTML DOM: El Evento animationiteration

Referencia HTML DOM: El Evento animationend

Referencia HTML DOM: AnimationEvent animationName Property

Referencia CSS: CSS3 animation Property

Referencia CSS: CSS3 animation-duration Property


<Objeto de evento