AnimationEffect: getTiming() Methode

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2020.

Die Methode AnimationEffect.getTiming() der AnimationEffect-Schnittstelle gibt ein Objekt zurück, das die Timing-Eigenschaften des Animationseffekts enthält.

Hinweis: Einige der von getTiming() zurückgegebenen Timing-Eigenschaften können den Platzhalterwert "auto" annehmen. Zur Ermittlung aufgelöster Werte für Timing-Berechnungen verwenden Sie stattdessen AnimationEffect.getComputedTiming().

In Zukunft könnten "auto" oder ähnliche Werte zu den Typen von weiteren Timing-Eigenschaften hinzugefügt werden, und neue Typen von AnimationEffect könnten "auto" auf unterschiedliche Werte auflösen.

Syntax

js
getTiming()

Parameter

Keine.

Rückgabewert

Ein Objekt mit den folgenden Eigenschaften:

delay

Die number der Millisekunden Verzögerung vor dem Start 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") ausgeführt wird, die Richtung nach jeder Iteration wechselt ("alternate") oder rückwärts ausgeführt wird und die Richtung nach jeder Iteration wechselt ("alternate-reverse").

(Siehe auch animation-direction.)

duration

Eine number von Millisekunden oder der string "auto".

Gibt an, wie lange es dauert, eine Iteration der Animation abzuschließen.

Die Bedeutung von "auto" kann je nach Effektart variieren; für KeyframeEffect ist "auto" dasselbe wie 0.

(Siehe auch animation-duration.)

easing

Ein string, der eine <easing-function> darstellt, die die Änderungsrate des Effekts über die Zeit beschreibt.

(Siehe auch animation-timing-function.)

endDelay

Die number der Millisekunden Verzögerung nach dem Ende des Effekts.

Dies ist hauptsächlich bei der Sequenzierung von Animationen, die auf der Endzeit einer anderen Animation basieren, von Nutzen.

fill

"none", "forwards", "backwards", "both" oder "auto".

Gibt an, ob der Effekt von seinen Ziel(en) vor dem Abspielen ("backwards") reflektiert wird, nach Beendigung des Effekts beibehalten wird ("forwards"), "both" oder keines von beidem ("none").

Die Bedeutung von "auto" kann je nach Effektart variieren; für KeyframeEffect ist "auto" dasselbe wie "none".

(Siehe auch animation-fill-mode.)

iterations

Die number der Wiederholungen des Effekts. Ein Wert von Infinity gibt an, dass der Effekt unendlich oft wiederholt wird.

(Siehe auch animation-iteration-count.)

iterationStart

Eine 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 in der Mitte seiner ersten Iteration starten und in der Mitte einer dritten Iteration enden.

Spezifikationen

Specification
Web Animations
# dom-animationeffect-gettiming

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch