właściwość elapsedTime obiektu AnimationEvent

Zdarzenia DOM AnimationEvent

definicja i użycie

właściwość elapsedTime zwraca liczbę sekund, przez które animacja była uruchamiana, gdy zdarzenie animacji wystąpiło.

komentarz:jeśli animacja zostanie wstrzymana (poprzez użycie atrybutu CSS animation-delay), wartość zwracana nie jest afectowana.

komentarz:dla Zdarzenie animationstart, ta właściwość zawsze zwraca "0".

komentarz:ta właściwość jest jedynie odczytywana.

przykład

zdecyduj, ile sekund trwała animacja:

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

spróbuj sam

gramatyka

event.elapsedTime

szczegóły techniczne

wartość zwracana: wartość liczbowa oznaczająca liczbę sekund trwania animacji.

obsługa przeglądarek

liczby w tabeli wskazują pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

właściwości Chrome IE Firefox Safari Opera
elapsedTime wsparcie 10.0 6.0 wsparcie wsparcie

powiązane strony

HTML DOM Reference Manual:Zdarzenie animationstart

HTML DOM Reference Manual:Zdarzenie animationiteration

HTML DOM Reference Manual:Zdarzenie animationend

HTML DOM Reference Manual:Właściwość animationName AnimationEvent

CSS Reference Manual:Atrybut animation CSS3

CSS Reference Manual:Atrybut animation-duration CSS3

Zdarzenia DOM AnimationEvent