AnimationEffect: getComputedTiming() 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 getComputedTiming()
Methode des AnimationEffect
Interfaces gibt die berechneten Timing-Eigenschaften für diesen Animationseffekt zurück.
Hinweis:
Diese Werte sind vergleichbar mit den berechneten Stilen eines Elements, die mit window.getComputedStyle(elem)
zurückgegeben werden.
Syntax
getComputedTiming()
Parameter
Keine.
Rückgabewert
Ein Objekt, das Folgendes enthält:
-
Alle Eigenschaften des Objekts, das von
AnimationEffect.getTiming()
zurückgegeben wird, mit der Ausnahme, dass alle"auto"
Werte durch berechnete Werte ersetzt werden, die vom Typ desAnimationEffect
abhängen können. -
Die folgenden zusätzlichen Eigenschaften:
endTime
-
Eine
Zahl
, die die Endzeit des Effekts in Millisekunden ab dem Start des Effekts angibt. Dies entsprichtactiveDuration
plusdelay
undendDelay
. activeDuration
-
Eine
Zahl
, die die Gesamtdauer in Millisekunden aller Iterationen des Effekts angibt. Dies entspricht der Multiplikation vonduration
mititerations
(oder null, wenn dieses ProduktNaN
wäre). localTime
-
Eine
Zahl
odernull
.Gibt die Laufzeit in Millisekunden an, die der Effekt ausgeführt wurde. Dies entspricht der
currentTime
der zugeordneten Animation odernull
, wenn der Effekt nicht mit einer Animation verbunden ist. progress
-
null
oder eineZahl
mindestens0
und kleiner als1
.Gibt den Fortschritt des Effekts durch seine aktuelle Iteration an. Zu Beginn der
activeDuration
entspricht dies dem Bruchteil voniterationStart
.Gibt
null
zurück, wenn der Effekt nicht in der Mitte einer Iteration ist, zum Beispiel, weil der Effekt sich in dendelay
oderendDelay
Phasen befindet, der Effekt beendet ist, oderlocalTime
null
ist. currentIteration
-
null
oder eine ganzzahligeZahl
.Gibt den Index der aktuellen Iteration an. Zu Beginn der
activeDuration
entspricht dies dem ganzzahligen Teil voniterationStart
.Gibt
null
zurück, wennprogress
null
ist.
Spezifikationen
Specification |
---|
Web Animations # dom-animationeffect-getcomputedtiming |