View in EnglishAlways switch to English

animationstart

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2019年12月.

animationstart 事件会在 CSS 动画开始时触发。如果有animation-delay 延时，事件会在延迟时效过后立即触发。为负数的延时时长会致使事件被触发时事件的elapsedTime 属性值等于该时长的绝对值（并且，相应地，动画将直接播放该时长绝对值之后的动画）。

基本信息

属性	类型	描述
`target`只读	`EventTarget`	事件来源（DOM 顶层目标）。
`type`只读	`DOMString`	事件类型
`bubbles`只读	`boolean`	事件是否正常冒泡？
`cancelable`只读	`boolean`	可否取消该事件？
`animationName`只读	`DOMString`	与该动画相关的 CSS 属性值。
`elapsedTime`只读	`Float`	动画运行时长，单位为秒，与直到该事件被触发的时间相一致，不包括任何动画暂停时的时长。此值应为 0 除非`animation-delay` 是一个负值，这种情况下此值为 (-1 *`animation-delay`)，并且动画将直接从此值后的序列开始播放。