TransitionEvent elapsedTime- Eigenschaft
Beispiel
Finden Sie heraus, wie viele Sekunden ein Übergang gelaufen ist:
document.getElementById("myDIV").addEventListener("transitionend", myFunction);
function myFunction(event) {
this.innerHTML = "Transition lasted: " + event.elapsedTime + " seconds";
}
Definition und Verwendung
Die Eigenschaft „elapsedTime“ gibt die Anzahl der Sekunden zurück, die ein Übergang ausgeführt wurde, wenn ein „ transitionend “-Ereignis eintritt.
Hinweis: Der Rückgabewert wird nicht beeinflusst, wenn der Übergang angehalten wird (durch Verwendung der CSS-Eigenschaft „transition-delay“).
Diese Eigenschaft ist schreibgeschützt.
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.
Property | |||||
---|---|---|---|---|---|
elapsedTime | Yes | 10.0 | Yes | Yes | Yes |
Syntax
event.elapsedTime
Technische Details
Rückgabewert: | Eine Zahl, die die Anzahl der Sekunden darstellt, die ein Übergang ausgeführt wurde |
---|
Verwandte Seiten
HTML-DOM-Referenz: Das transitionend Event
HTML-DOM-Referenz: TransitionEvent propertyName-Eigenschaft
CSS-Referenz: CSS3-Übergangseigenschaft
CSS-Referenz: CSS3-Eigenschaft transit-duration