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 | Sí | 10.0 | 6.0 | Sí | Sí |
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