Najnowsze tutoriale tworzenie stron internetowych
 

AnimationEvent elapsedTime Property

<Object Event

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