AnimationEvent elapsedTime Właściwość
Przykład
Dowiedz się, ile sekund trwa animacja:
var x = document.getElementById("myDIV");
x.addEventListener("animationiteration", myRepeatFunction);
function myRepeatFunction(event) {
this.innerHTML = "Elapsed time: " + event.elapsedTime;
}
Definicja i użycie
Właściwość elapsedTime zwraca liczbę sekund, przez które animacja była uruchomiona, gdy wystąpi zdarzenie animacji.
Uwaga: Zwracana wartość nie ulega zmianie, jeśli animacja jest wstrzymana (przy użyciu właściwości CSS animation-delay).
Uwaga: W przypadku zdarzenia animationstart ta właściwość zawsze zwraca „0”.
Ta właściwość jest tylko do odczytu.
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.
Property | |||||
---|---|---|---|---|---|
elapsedTime | Yes | 10.0 | 6.0 | Yes | Yes |
Składnia
event.elapsedTime
Szczegóły techniczne
Wartość zwrotu: | Liczba reprezentująca liczbę sekund, przez które trwa animacja |
---|
Powiązane strony
Odniesienie HTML DOM: Zdarzenie Animationstart
Odniesienie HTML DOM: Zdarzenie animacji iteracji
Odniesienie HTML DOM: Zdarzenie animationend
Odniesienie HTML DOM: AnimationEvent animationName Property
Odniesienie CSS: Właściwość animacji CSS3
Odniesienie CSS: CSS3 animation-duration Property