Przykład
Dowiedzieć się, ile sekund animacja został uruchomiony:
var x = document.getElementById("myDIV");
x.addEventListener("animationiteration",
myRepeatFunction);
function myRepeatFunction(event) {
this.innerHTML
= "Elapsed time: " + event.elapsedTime;
}
Spróbuj sam " Definicja i Wykorzystanie
Nieruchomość ElapsedTime zwraca liczbę sekund animacja został uruchomiony, gdy wystąpi zdarzenie animacji.
Uwaga: Wartość zwracana, jeśli nie ma wpływu animacja jest wstrzymana (by using the animation-delay CSS property) .
Uwaga: Dla animationstart razie ta właściwość zawsze zwraca "0" .
Ta właściwość jest tylko do odczytu.
Wsparcie przeglądarka
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.
Nieruchomość | |||||
---|---|---|---|---|---|
elapsedTime | tak | 10,0 | 6.0 | tak | tak |
Składnia
event .elapsedTime
Szczegóły techniczne
Zwracana wartość: | Liczbą, oznaczającą liczbę sekund animacji został uruchomiony |
---|
Podobne strony
HTML DOM: animationstart Event
HTML DOM: animationiteration Event
HTML DOM: animationend Event
HTML DOM: AnimationEvent animationName Property
Odniesienie CSS: CSS3 animation Property
Odniesienie CSS: CSS3 animation-duration Property
<Object Event