Proprietà AnimationEvent elapsedTime
Esempio
Scopri da quanti secondi è stata eseguita un'animazione:
var x = document.getElementById("myDIV");
x.addEventListener("animationiteration", myRepeatFunction);
function myRepeatFunction(event) {
this.innerHTML = "Elapsed time: " + event.elapsedTime;
}
Definizione e utilizzo
La proprietà elapsedTime restituisce il numero di secondi in cui un'animazione è stata eseguita, quando si verifica un evento di animazione.
Nota: il valore restituito non viene modificato se l'animazione viene messa in pausa (utilizzando la proprietà CSS di ritardo dell'animazione).
Nota: per l' evento animationstart , questa proprietà restituisce sempre "0".
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 | 6.0 | Yes | Yes |
Sintassi
event.elapsedTime
Dettagli tecnici
Valore di ritorno: | Un Numero, che rappresenta il numero di secondi in cui è stata eseguita un'animazione |
---|
Pagine correlate
Riferimento HTML DOM: l'evento animationstart
Riferimento HTML DOM: l'evento di animationiteration
Riferimento HTML DOM: l'evento animationend
Riferimento HTML DOM: AnimationEvent animationName Proprietà
Riferimento CSS: Proprietà animazione CSS3
Riferimento CSS: CSS3 proprietà di durata dell'animazione