Los últimos tutoriales de desarrollo web
 

TransitionEvent elapsedTime Propiedad

Evento de referencia de objetos de objeto de evento

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 10.0

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


Evento de referencia de objetos de objeto de evento