Przykład
Dowiedzieć się, ile sekund przejście zostało uruchomione:
document.getElementById("myDIV").addEventListener("transitionend",
myFunction);
function myFunction(event) {
this.innerHTML = "Transition lasted: " + event.elapsedTime + " seconds";
} Spróbuj sam " Definicja i Wykorzystanie
Nieruchomość ElapsedTime zwraca liczbę sekund przejście zostało uruchomione, gdy transitionend wystąpienia zdarzenia.
Uwaga: Wartość powrotu nie ma wpływu na to, że zmiana jest wstrzymana (za pomocą właściwości CSS przejściowego opóźnienia).
Ta właściwość jest tylko do odczytu.
Pomoc Browser
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.
| Nieruchomość | |||||
|---|---|---|---|---|---|
| elapsedTime | tak | 10,0 | tak | tak | tak |
Składnia
event .elapsedTimeSzczegóły techniczne
| Zwracana wartość: | Liczbą, oznaczającą liczbę sekund przejście zostało uruchomione |
|---|
Podobne strony
HTML DOM referencyjny: transitionend Event
HTML DOM referencyjny: TransitionEvent propertyName nieruchomości
Odniesienia CSS: CSS3 przejścia własności
Odniesienia CSS: CSS3 przejściowy czas Nieruchomość
Obiekt zdarzenia