Attributo elapsedTime dell'evento AnimationEvent

Eventi DOM Evento AnimationEvent

Definizione e uso

L'attributo elapsedTime restituisce il numero di secondi di esecuzione dell'animazione quando si verifica un evento di animazione.

Nota:Se l'animazione viene interrotta (attraverso l'uso della proprietà CSS animation-delay), il valore di ritorno non è influenzato.

Nota:Per Evento animationstart, questa proprietà restituisce sempre "0".

Nota:Questa proprietà è sola lettura.

Esempio

Determinare quanti secondi ha funzionato l'animazione:

var x = document.getElementById("myDIV");
x.addEventListener("animationiteration", myRepeatFunction);
function myRepeatFunction(event) {
  this.innerHTML = "Tempo trascorso: " + event.elapsedTime;
}

Prova tu stesso

Sintassi

event.elapsedTime

Dettagli tecnici

Valore di ritorno: Valore numerico che rappresenta il numero di secondi di esecuzione dell'animazione.

Supporto del browser

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

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

Pagina correlata

Manuale di riferimento HTML DOM:Evento animationstart

Manuale di riferimento HTML DOM:Evento animationiteration

Manuale di riferimento HTML DOM:Evento animationend

Manuale di riferimento HTML DOM:Proprietà animationName dell'Evento AnimationEvent

Manuale di riferimento CSS:Proprietà animation della CSS3

Manuale di riferimento CSS:Proprietà animation-duration della CSS3

Eventi DOM Evento AnimationEvent