Ejemplo
Para saber cuántos segundos una transición ha estado funcionando:
document.getElementById("myDIV").addEventListener("transitionend",
myFunction);
function myFunction(event) {
this.innerHTML = "Transition lasted: " + event.elapsedTime + " seconds";
}
Inténtalo tú mismo " Definición y Uso
La propiedad elapsedTime devuelve el número de segundos que una transición ha estado en marcha, cuando un transitionend se produce el evento.
Nota: El valor de retorno no es afectada si la transición está en pausa (usando la propiedad CSS transición de retardo).
Esta propiedad es de solo lectura.
Soporte para el 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 | Sí | Sí | Sí |
Sintaxis
event .elapsedTime
Detalles técnicos
Valor de retorno: | Un número, que representa el número de segundos que una transición ha estado funcionando |
---|
Páginas relacionadas
Referencia HTML DOM: El Evento transitionend
Referencia HTML DOM: TransitionEvent nombrePropiedad Propiedad
Referencia CSS: CSS 3 Propiedad transición
Referencia CSS: CSS 3 transición de la duración de la propiedad
de objeto de evento