Właściwość elapsedTime zdarzenia TransitionEvent

Zdarzenia DOM TransitionEvent

Definicja i zastosowanie

Kiedy występuje Zdarzenie transitionendW tym przypadku, właściwość elapsedTime zwraca liczbę sekund, przez które przejście już się wykonało.

Komentarz:Jeśli przejście zostanie wstrzymane (przez użycie atrybutu CSS transition-delay), wartość zwracana nie jest afectowana.

Komentarz:Właściwość ta jest jedynie odczywalna.

Przykład

Zdecyduj, ile sekund trwa przejście:

document.getElementById("myDIV").addEventListener("transitionend", myFunction);
function myFunction(event) {
  this.innerHTML = "Tranzycja trwała: " + event.elapsedTime + " sekund";
}

Spróbuj sam

Gramatyka

event.elapsedTime

Szczegółowe informacje techniczne

Zwracana wartość: Wartość liczbowa oznacza liczbę sekund, przez które przejście jest uruchomione.

Obsługa przeglądarek

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje ten atrybut.

Atrybut Chrome IE Firefox Safari Opera
elapsedTime Wsparcie 10.0 Wsparcie Wsparcie Wsparcie

Strony związane

Podręcznik DOM HTML:Zdarzenie transitionend

Podręcznik DOM HTML:Atrybut propertyName TransitionEvent

Podręcznik CSS:Atrybut transition CSS3

Podręcznik CSS:Atrybut transition-duration CSS3

Zdarzenia DOM TransitionEvent