AnimationEffect：getComputedTiming() 方法

基线 广泛可用

此功能已稳定，可在许多设备和浏览器版本上运行。它自以下时间起在浏览器中可用 2020 年 3 月.

AnimationEffect 接口的 getComputedTiming() 方法返回此动画效果的计算时间属性。

注意：这些值类似于使用 window.getComputedStyle(elem) 返回的元素的计算样式。

语法

js
getComputedTiming()

参数

无。

返回值

一个包含以下内容的对象

  • AnimationEffect.getTiming() 返回的对象的所有属性，除了任何 "auto" 值都替换为可能取决于 AnimationEffect 类型的计算值。
  • 以下附加属性
    endTime

    一个 number，表示效果结束时间（以毫秒为单位，从效果开始算起）。这等于 activeDuration 加上 delay 和 endDelay。

    activeDuration

    一个 number，表示效果所有迭代的总持续时间（以毫秒为单位）。这等于 duration 乘以 iterations（如果该乘积为 NaN，则为零）。

    localTime

    一个 number 或 null。

    指示效果已运行的时间长度（以毫秒为单位）。这等于关联动画的 currentTime，如果效果未与动画关联，则为 null。

    progress

    null 或一个 number（至少为 0 且小于 1）。

    指示效果在其当前迭代中的进度。在 activeDuration 的开始，这等于 iterationStart 的小数部分。

    如果效果不在迭代中，则返回 null，例如，因为效果处于 delay 或 endDelay 期间，效果已完成，或 localTime 为 null。

    currentIteration

    null 或一个整数 number。

    指示当前迭代的索引。在 activeDuration 的开始，这等于 iterationStart 的整数部分。

    每当 progress 为 null 时返回 null。

规范

规范
Web 动画
# dom-animationeffect-getcomputedtiming

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅