Esempio
Scopri quanti secondi una transizione è in funzione:
document.getElementById("myDIV").addEventListener("transitionend",
myFunction);
function myFunction(event) {
this.innerHTML = "Transition lasted: " + event.elapsedTime + " seconds";
} Prova tu stesso " Definizione e utilizzo
La proprietà elapsedTime restituisce il numero di secondi una transizione è stata in funzione, quando un transitionend si verifica un evento.
Nota: Il valore di ritorno non è interessato se la transizione è in pausa (utilizzando la proprietà CSS transizione ritardo).
Questa proprietà è di sola lettura.
Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
| Proprietà | |||||
|---|---|---|---|---|---|
| elapsedTime | sì | 10.0 | sì | sì | sì |
Sintassi
event .elapsedTimeDettagli tecnici
| Valore di ritorno: | Un numero che rappresenta il numero di secondi una transizione è stato in esecuzione |
|---|
Pagine correlate
Di riferimento HTML DOM: The Event transitionend
Di riferimento HTML DOM: TransitionEvent nomeProprietà proprietà
Riferimento CSS: CSS3 passaggio di proprietà
Riferimento CSS: CSS3 transizione durata Proprietà
oggetto evento