Attributo elapsedTime dell'evento TransitionEvent

Eventi DOM TransitionEvent

Definizione e uso

Quando si verifica Evento transitionendIn questo caso, l'attributo elapsedTime restituisce il numero di secondi di transizione eseguiti.

Nota:Se la transizione viene interrotta (utilizzando l'attributo CSS transition-delay), il valore di ritorno non ne è influenzato.

Nota:Questa proprietà è sola lettura.

Esempio

Determinare quanti secondi è durata la transizione:

document.getElementById("myDIV").addEventListener("transitionend", myFunction);
function myFunction(event) {
  this.innerHTML = "La transizione è durata: " + event.elapsedTime + " secondi";
}

Prova da solo

Sintassi

event.elapsedTime

Dettagli tecnici

Valore di ritorno: Valore numerico che rappresenta il numero di secondi di transizione eseguiti.

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta interamente questa proprietà.

Proprietà Chrome IE Firefox Safari Opera
elapsedTime Supporto 10.0 Supporto Supporto Supporto

Pagine correlate

Manuale HTML DOM:Evento transitionend

Manuale HTML DOM:Proprietà propertyName dell'evento TransitionEvent

Manuale CSS3:Proprietà transition CSS3

Manuale CSS3:Proprietà transition-duration CSS3

Eventi DOM TransitionEvent