AnimationEvent elapsedTime- Eigenschaft
Beispiel
Finden Sie heraus, wie viele Sekunden eine Animation läuft:
var x = document.getElementById("myDIV");
x.addEventListener("animationiteration", myRepeatFunction);
function myRepeatFunction(event) {
this.innerHTML = "Elapsed time: " + event.elapsedTime;
}
Definition und Verwendung
Die Eigenschaft elapsedTime gibt die Anzahl der Sekunden zurück, die eine Animation ausgeführt wurde, wenn ein Animationsereignis eintritt.
Hinweis: Der Rückgabewert wird nicht beeinflusst, wenn die Animation angehalten wird (durch Verwendung der CSS-Eigenschaft animation-delay).
Hinweis: Für das Ereignis animationstart gibt diese Eigenschaft immer "0" zurück.
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 | 6.0 | Yes | Yes |
Syntax
event.elapsedTime
Technische Details
Rückgabewert: | Eine Zahl, die die Anzahl der Sekunden darstellt, die eine Animation ausgeführt wurde |
---|
Verwandte Seiten
HTML-DOM-Referenz: Das Animationstart-Ereignis
HTML-DOM-Referenz: Das Animationiteration-Ereignis
HTML-DOM-Referenz: Das Animationend-Ereignis
HTML-DOM-Referenz: AnimationEvent animationName-Eigenschaft
CSS-Referenz: CSS3-Animationseigenschaft
CSS-Referenz: CSS3-Eigenschaft animation-duration