AnimationEvent - 与动画有关的信息的事件

AnimationEvent 接口表示与动画有关的信息的事件。

构造函数

AnimationEvent()

用给定的参数创建一个 AnimationEvent 事件。

属性

还继承了其父接口 Event 的属性

AnimationEvent.animationName 只读

一个 DOMString，包含了与该转换关联的 animation-name CSS 属性的值。

AnimationEvent.elapsedTime 只读

一个 float，以秒为单位，给出了该事件触发之后，动画已经运行的时间（不包括动画暂停的时间）。对于 "animationstart" 事件，elapsedTime 为 0.0；当 animation-delay 的值为负值，事件触发时，elapsedTime 的值为 (-1 * delay)。

AnimationEvent.pseudoElement 只读

一个 DOMString，以 '::' 开头，包含了运行动画的伪元素的名称。如果动画不在伪元素上运行，而是在元素上运行，则为空字符串：''。

方法

还继承了其父接口 Event 的方法

AnimationEvent.initAnimationEvent()

通过不推荐使用的 Document.createEvent("AnimationEvent") 方法创建一个 AnimationEvent。

规范

规范	状态	备注
CSS Animations AnimationEvent 的定义	工作草案	初始定义。

桌面浏览器兼容性

移动浏览器兼容性

相关链接

• 使用 CSS 动画
• 动画相关的 CSS 属性和规则：animation，animation-delay，animation-direction，animation-duration，animation-fill-mode，animation-iteration-count，animation-name，animation-play-state，animation-timing-function，@keyframes。