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 März 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 desAnimationEffectabhä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 entsprichtactiveDurationplusdelayundendDelay. activeDuration-
Eine
Zahl, die die Gesamtdauer in Millisekunden aller Iterationen des Effekts angibt. Dies entspricht der Multiplikation vondurationmititerations(oder null, wenn dieses ProduktNaNwäre). localTime-
Eine
Zahlodernull.Gibt die Laufzeit in Millisekunden an, die der Effekt ausgeführt wurde. Dies entspricht der
currentTimeder zugeordneten Animation odernull, wenn der Effekt nicht mit einer Animation verbunden ist. progress-
nulloder eineZahlmindestens0und kleiner als1.Gibt den Fortschritt des Effekts durch seine aktuelle Iteration an. Zu Beginn der
activeDurationentspricht dies dem Bruchteil voniterationStart.Gibt
nullzurück, wenn der Effekt nicht in der Mitte einer Iteration ist, zum Beispiel, weil der Effekt sich in dendelayoderendDelayPhasen befindet, der Effekt beendet ist, oderlocalTimenullist. currentIteration-
nulloder eine ganzzahligeZahl.Gibt den Index der aktuellen Iteration an. Zu Beginn der
activeDurationentspricht dies dem ganzzahligen Teil voniterationStart.Gibt
nullzurück, wennprogressnullist.
Spezifikationen
| Specification |
|---|
| Web Animations> # dom-animationeffect-getcomputedtiming> |
Browser-Kompatibilität
Loading…