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
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 derstring
"auto"
.Gibt an, wie lange es dauert, eine Iteration der Animation abzuschließen.
Die Bedeutung von
"auto"
kann je nach Effektart variieren; fürKeyframeEffect
ist"auto"
dasselbe wie0
.(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ürKeyframeEffect
ist"auto"
dasselbe wie"none"
.(Siehe auch
animation-fill-mode
.) iterations
-
Die
number
der Wiederholungen des Effekts. Ein Wert vonInfinity
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 einemiterationStart
von 0,5 und 2iterations
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