AnimationEffect: getTiming() 方法

Baseline 已廣泛支援

此功能已經成熟,並可在許多裝置和瀏覽器版本上使用。自 ⁨2020 年 3 月⁩起,它已在各瀏覽器中推出。

AnimationEffect 介面的 AnimationEffect.getTiming() 方法返回一個包含動畫效果的時序屬性的物件。

注意: getTiming() 返回的幾個時序屬性可能取佔位值 "auto"。要獲取用於時序計算的已解析值,請改用 AnimationEffect.getComputedTiming()

未來,"auto" 或類似值可能會新增到更多時序屬性的型別中,並且 AnimationEffect 的新型別可能會將 "auto" 解析為不同的值。

語法

js
getTiming()

引數

無。

返回值

包含以下屬性的物件:

delay

效果開始前的延遲(以毫秒為單位)的 number

(另請參閱 animation-delay。)

direction

"normal""reverse""alternate""alternate-reverse"

指示效果是向前播放 ("normal")、向後播放 ("reverse")、在每次迭代後切換方向 ("alternate") 還是向後播放並在每次迭代後切換方向 ("alternate-reverse")。

(另請參閱 animation-direction。)

duration

以毫秒為單位的 numberstring "auto"

指示動畫的一次迭代完成所需的時間。

"auto" 的含義可能因效果型別而異;對於 KeyframeEffect"auto"0 相同。

(另請參閱 animation-duration。)

easing

一個 string,表示一個 <easing-function>,描述效果隨時間的變化率。

(另請參閱 animation-timing-function。)

endDelay

效果結束後延遲的毫秒數 (number)。

這主要在基於另一動畫的結束時間來排序動畫時使用。

fill

"none""forwards""backwards""both""auto"

指示效果在播放前是否由其目標反映 ("backwards"),在效果完成後是否保留 ("forwards"),"both",或兩者都不 ("none")。

"auto" 的含義可能因效果型別而異;對於 KeyframeEffect"auto""none" 相同。

(另請參閱 animation-fill-mode。)

iterations

效果將重複的次數 (number)。值為 Infinity 表示效果無限重複。

(另請參閱 animation-iteration-count。)

iterationStart

一個 number,指示效果在迭代的哪個點開始。例如,iterationStart 為 0.5 且 iterations 為 2 的效果將在第一次迭代的中間開始,並在第三次迭代的中間結束。

規範

規範
Web 動畫
# dom-animationeffect-gettiming

瀏覽器相容性

另見