Proprietà TransitionEvent elapsedTime
Esempio
Scopri da quanti secondi è stata eseguita una transizione:
document.getElementById("myDIV").addEventListener("transitionend", myFunction);
function myFunction(event) {
this.innerHTML = "Transition lasted: " + event.elapsedTime + " seconds";
}
Definizione e utilizzo
La proprietà elapsedTime restituisce il numero di secondi in cui è stata eseguita una transizione , quando si verifica un evento di fine transizione.
Nota: il valore restituito non viene modificato se la transizione viene sospesa (utilizzando la proprietà CSS del ritardo di transizione).
Questa proprietà è di sola lettura.
Supporto browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente la proprietà.
Property | |||||
---|---|---|---|---|---|
elapsedTime | Yes | 10.0 | Yes | Yes | Yes |
Sintassi
event.elapsedTime
Dettagli tecnici
Valore di ritorno: | Un Numero, che rappresenta il numero di secondi in cui è stata eseguita una transizione |
---|
Pagine correlate
Riferimento HTML DOM: l'evento di transizione
Riferimento DOM HTML: proprietà TransitionEvent propertyName
Riferimento CSS: Proprietà di transizione CSS3
Riferimento CSS: CSS3 proprietà di durata della transizione