TransitionEvent elapsedTime-Eigenschaft

DOM-Ereignisse TransitionEvent

Definition und Verwendung

wenn transitionend-Ereigniswenn, gibt die elapsedTime-Eigenschaft die Anzahl der Sekunden an, die der Übergang bereits gelaufen ist.

Anmerkung:Wenn der Übergang angehalten wird (durch Verwendung des CSS-Attributs transition-delay), wird der Rückgabewert nicht beeinflusst.

Anmerkung:Diese Eigenschaft ist schreibgeschützt.

Beispiel

Bestimmen Sie die Anzahl der Sekunden, die der Übergang gelaufen ist:

document.getElementById("myDIV").addEventListener("transitionend", myFunction);
function myFunction(event) {
  this.innerHTML = "Übergang dauerte: " + event.elapsedTime + " Sekunden";
}

Versuchen Sie es selbst

Syntax

event.elapsedTime

Technische Details

Rückgabewert: Zahlwert, der die Anzahl der Sekunden angibt, die der Übergang gelaufen ist.

Browser-Unterstützung

Die Zahlen in der Tabelle weisen auf die erste Browser-Version hin, die diese Eigenschaft vollständig unterstützt.

Eigenschaften Chrome IE Firefox Safari Opera
elapsedTime Unterstützung 10.0 Unterstützung Unterstützung Unterstützung

Verwandte Seiten

HTML DOM-Referenzhandbuch:transitionend-Ereignis

HTML DOM-Referenzhandbuch:TransitionEvent propertyName-Eigenschaft

CSS-Referenzhandbuch:CSS3 transition-Eigenschaft

CSS-Referenzhandbuch:CSS3 transition-duration-Eigenschaft

DOM-Ereignisse TransitionEvent