Esempio
Scopri quanti secondi un'animazione è stato in esecuzione:
var x = document.getElementById("myDIV");
x.addEventListener("animationiteration",
myRepeatFunction);
function myRepeatFunction(event) {
this.innerHTML
= "Elapsed time: " + event.elapsedTime;
} Prova tu stesso " Definizione e l'utilizzo
La proprietà elapsedTime restituisce il numero di secondi un'animazione è in funzione, quando si verifica un evento di animazione.
Nota: Il valore di ritorno non è interessato se l'animazione è in pausa (by using the animation-delay CSS property) .
Nota: Per l' animationstart evento, questa proprietà restituisce sempre "0" .
Questa proprietà è di sola lettura.
Supporto browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
| Proprietà | |||||
|---|---|---|---|---|---|
| elapsedTime | sì | 10.0 | 6.0 | sì | sì |
Sintassi
event .elapsedTimeDettagli tecnici
| Valore di ritorno: | Un numero, che rappresenta il numero di secondi un'animazione è stato in esecuzione |
|---|
Pagine correlate
Di riferimento HTML DOM: The Event animationstart
Di riferimento HTML DOM: The Event animationiteration
Di riferimento HTML DOM: The Event animationend
Di riferimento HTML DOM: AnimationEvent animationName Property
Di riferimento CSS: CSS3 animation Property
Di riferimento CSS: CSS3 animation-duration Property
<Oggetto evento