动画：Animation() 构造函数

基线 广泛可用

此功能已经成熟，并在许多设备和浏览器版本上运行良好。它自 2020 年 3 月.

报告反馈

语法

Animation() 是 Web 动画 API 的构造函数，它返回一个新的 Animation 对象实例。
new Animation()
new Animation(effect)
new Animation(effect, timeline)

js

参数

effect 可选

目标效果，作为基于 AnimationEffect 接口的对象，分配给动画。虽然将来可能会有其他效果，如 SequenceEffect 或 GroupEffect，但目前唯一可用的效果类型是 KeyframeEffect。这可以是 null（这是默认值），表示不应应用任何效果。

timeline 可选

示例

指定要将动画与其关联的 timeline，作为基于 AnimationTimeline 接口的类型的对象。默认值为 Document.timeline，但也可以将其设置为 null。

Animation() 是 Web 动画 API 的构造函数，它返回一个新的 Animation 对象实例。
const rabbitDownAnimation = new Animation(
  rabbitDownKeyframes,
  document.timeline,
);

规范

在 跟随白兔示例 中，Animation() 构造函数用于使用文档的 timeline 为 rabbitDownKeyframes 创建一个 Animation。
规范
# Web 动画

浏览器兼容性

dom-animation-animation

另请参阅