Get to know MDN better
Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit März 2020 browserübergreifend verfügbar.
Die AnimationEffect.getTiming() Methode der AnimationEffect-Schnittstelle gibt ein Objekt zurück, das die Timing-Eigenschaften für den Animationseffekt enthält.
Hinweis: Einige der durch getTiming() zurückgegebenen Timing-Eigenschaften können den Platzhalterwert "auto" annehmen. Um aufgelöste Werte für Timing-Berechnungen zu erhalten, verwenden Sie stattdessen AnimationEffect.getComputedTiming().
In Zukunft könnten "auto" oder ähnliche Werte zu den Typen weiterer Timing-Eigenschaften hinzugefügt werden, und neue Typen von AnimationEffect könnten "auto" in unterschiedliche Werte auflösen.
Keine.
Ein Objekt, das die folgenden Eigenschaften enthält:
delayDie Anzahl (number) der Millisekunden Verzögerung vor dem Beginn des Effekts.
(Siehe auch animation-delay.)
direction"normal", "reverse", "alternate", oder "alternate-reverse".
Gibt an, ob der Effekt vorwärts ("normal"), rückwärts ("reverse") läuft, die Richtung nach jeder Iteration wechselt ("alternate") oder rückwärts läuft und die Richtung nach jeder Iteration wechselt ("alternate-reverse").
(Siehe auch animation-direction.)
durationEine Anzahl (number) Millisekunden oder der string "auto".
Gibt die Zeit an, die eine Iteration der Animation benötigt, um abgeschlossen zu werden.
Die Bedeutung von "auto" kann je nach Effektart variieren; für KeyframeEffect ist "auto" dasselbe wie 0.
(Siehe auch animation-duration.)
easingEin string, der eine <easing-function> darstellt und die Änderungsrate des Effekts über die Zeit beschreibt.
(Siehe auch animation-timing-function.)
endDelayDie Anzahl (number) der Millisekunden Verzögerung nach dem Ende des Effekts.
Dies ist hauptsächlich von Nutzen, wenn Animationen basierend auf der Endzeit einer anderen Animation sequenziert werden.
fill"none", "forwards", "backwards", "both", oder "auto".
Gibt an, ob der Effekt von seinen Zielen vor dem Abspielen reflektiert wird ("backwards"), nach Abschluss des Effekts beibehalten wird ("forwards"), "both", oder keines von beiden ("none").
Die Bedeutung von "auto" kann je nach Effektart variieren; für KeyframeEffect ist "auto" dasselbe wie "none".
(Siehe auch animation-fill-mode.)
iterationsDie Anzahl (number) der Wiederholungen des Effekts. Ein Wert von Infinity gibt an, dass der Effekt unendlich oft wiederholt wird.
(Siehe auch animation-iteration-count.)
iterationStartEine Zahl (number), die angibt, an welchem Punkt in der Iteration der Effekt beginnt. Zum Beispiel würde ein Effekt mit einem iterationStart von 0,5 und 2 iterations zur Hälfte durch seine erste Iteration beginnen und in der Mitte einer dritten Iteration enden.
| Web Animations # dom-animationeffect-gettiming |
JavaScript aktivieren, um diese Browser-Kompatibilitätstabelle anzuzeigen.
Der Bauplan für ein besseres Internet.
Besuche die gemeinnützige Muttergesellschaft der Mozilla Corporation, die Mozilla Foundation.
Teile dieses Inhalts sind ©1998–2026 von einzelnen mozilla.org-Mitwirkenden. Inhalte sind verfügbar unter einer Creative-Commons-Lizenz.