TransitionEvent elapsedTime Właściwość
Przykład
Dowiedz się, ile sekund trwa przejście:
document.getElementById("myDIV").addEventListener("transitionend", myFunction);
function myFunction(event) {
this.innerHTML = "Transition lasted: " + event.elapsedTime + " seconds";
}
Definicja i użycie
Właściwość elapsedTime zwraca liczbę sekund działania przejścia po wystąpieniu zdarzenia transitionend .
Uwaga: Na zwracaną wartość nie ma wpływu zatrzymanie przejścia (przy użyciu właściwości CSS transition-delay).
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 | Yes | Yes | Yes |
Składnia
event.elapsedTime
Szczegóły techniczne
Wartość zwrotu: | Liczba reprezentująca liczbę sekund, przez które trwa przejście |
---|
Powiązane strony
Dokumentacja HTML DOM: Zdarzenie końca przejścia
Dokumentacja HTML DOM: TransitionEvent propertyName Property
Dokumentacja CSS: Właściwość przejścia CSS3
Dokumentacja CSS: CSS3 transition-duration Property