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

js
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 des AnimationEffect 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 entspricht activeDuration plus delay und endDelay.

    activeDuration

    Eine Zahl, die die Gesamtdauer in Millisekunden aller Iterationen des Effekts angibt. Dies entspricht der Multiplikation von duration mit iterations (oder null, wenn dieses Produkt NaN wäre).

    localTime

    Eine Zahl oder null.

    Gibt die Laufzeit in Millisekunden an, die der Effekt ausgeführt wurde. Dies entspricht der currentTime der zugeordneten Animation oder null, wenn der Effekt nicht mit einer Animation verbunden ist.

    progress

    null oder eine Zahl mindestens 0 und kleiner als 1.

    Gibt den Fortschritt des Effekts durch seine aktuelle Iteration an. Zu Beginn der activeDuration entspricht dies dem Bruchteil von iterationStart.

    Gibt null zurück, wenn der Effekt nicht in der Mitte einer Iteration ist, zum Beispiel, weil der Effekt sich in den delay oder endDelay Phasen befindet, der Effekt beendet ist, oder localTime null ist.

    currentIteration

    null oder eine ganzzahlige Zahl.

    Gibt den Index der aktuellen Iteration an. Zu Beginn der activeDuration entspricht dies dem ganzzahligen Teil von iterationStart.

    Gibt null zurück, wenn progress null ist.

Spezifikationen

Specification
Web Animations
# dom-animationeffect-getcomputedtiming

Browser-Kompatibilität

Siehe auch