Propiedad TransitionEvent elapsedTime
Ejemplo
Averigüe cuántos segundos se ha estado ejecutando una transición:
document.getElementById("myDIV").addEventListener("transitionend", myFunction);
function myFunction(event) {
this.innerHTML = "Transition lasted: " + event.elapsedTime + " seconds";
}
Definición y uso
La propiedad elapsedTime devuelve el número de segundos que se ha estado ejecutando una transición , cuando ocurre un evento de final de transición.
Nota: El valor devuelto no se ve afectado si la transición está en pausa (mediante el uso de la propiedad CSS de retraso de transición).
Esta propiedad es de sólo lectura.
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Property | |||||
---|---|---|---|---|---|
elapsedTime | Yes | 10.0 | Yes | Yes | Yes |
Sintaxis
event.elapsedTime
Detalles técnicos
Valor de retorno: | Un número, que representa la cantidad de segundos que se ha estado ejecutando una transición. |
---|
páginas relacionadas
Referencia de HTML DOM: el evento de transición final
Referencia HTML DOM: Propiedad TransitionEvent propertyName
Referencia CSS: propiedad de transición CSS3
Referencia de CSS: propiedad de duración de transición de CSS3