动画效果：getTiming() 方法

基线 广泛可用

此功能已得到很好的建立，并在许多设备和浏览器版本中都能正常工作。它从 2020 年 3 月.

报告反馈

AnimationEffect.getTiming() 方法是 AnimationEffect 接口的方法，它返回一个对象，其中包含动画效果的时序属性。

注意：getTiming() 返回的几个时序属性可能会采用占位符值 "auto"。若要获取在时序计算中使用的已解析值，请改用 AnimationEffect.getComputedTiming()。

语法

将来，"auto" 或类似的值可能会添加到更多时序属性的类型中，并且新的 AnimationEffect 类型可能会将 "auto" 解析为不同的值。
getTiming()

js

参数

无。

返回值

包含以下属性的对象

delay

效果开始前的延迟时间（以毫秒为单位）。

(另请参阅 animation-delay。)

direction

"normal"、"reverse"、"alternate" 或 "alternate-reverse"。

指示效果是向前运行 ("normal")、向后运行 ("reverse")、在每次迭代后切换方向 ("alternate")，还是向后运行并在每次迭代后切换方向 ("alternate-reverse")。

(另请参阅 animation-direction。)

duration

以毫秒为单位的数字或字符串 "auto"。

指示动画完成一次迭代所需的时间。

"auto" 的含义可能因效果类型而异；对于 KeyframeEffect，"auto" 等同于 0。

(另请参阅 animation-duration。)

easing

表示 <easing-function> 的字符串，描述了效果随时间推移的变化率。

(另请参阅 animation-timing-function。)

endDelay

效果结束后的延迟时间（以毫秒为单位）。

这主要用于基于另一个动画的结束时间对动画进行排序。

fill

"none"、"forwards"、"backwards"、"both" 或 "auto"。

指示效果是否在播放之前 ("backwards")、效果完成之后 ("forwards")、"both"，还是两者都不 ("none") 由其目标反映。

"auto" 的含义可能因效果类型而异；对于 KeyframeEffect，"auto" 等同于 "none"。

(另请参阅 animation-fill-mode。)

iterations

效果将重复的次数。值为 Infinity 表示效果无限重复。

(另请参阅 animation-iteration-count。)

iterationStart

规范

一个数字，指示效果在迭代中的哪个点开始。例如，一个迭代次数为 2，iterationStart 为 0.5 的效果将在第一次迭代的中间开始，并在第三次迭代的中间结束。
规范
# Web 动画

浏览器兼容性

dom-animationeffect-gettiming

另请参阅