AnimationEffect: getTiming() 方法
AnimationEffect 介面的 AnimationEffect.getTiming() 方法返回一個包含動畫效果的時序屬性的物件。
注意: getTiming() 返回的幾個時序屬性可能取佔位值 "auto"。要獲取用於時序計算的已解析值,請改用 AnimationEffect.getComputedTiming()。
未來,"auto" 或類似值可能會新增到更多時序屬性的型別中,並且 AnimationEffect 的新型別可能會將 "auto" 解析為不同的值。
語法
getTiming()
引數
無。
返回值
包含以下屬性的物件:
delay-
效果開始前的延遲(以毫秒為單位)的
number。(另請參閱
animation-delay。) direction-
"normal"、"reverse"、"alternate"或"alternate-reverse"。指示效果是向前播放 (
"normal")、向後播放 ("reverse")、在每次迭代後切換方向 ("alternate") 還是向後播放並在每次迭代後切換方向 ("alternate-reverse")。(另請參閱
animation-direction。) duration-
以毫秒為單位的
number或string"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 |
瀏覽器相容性
載入中…