animationiteration 事件
示例
当 CSS 动画重复时执行某些操作
const div1 = document.getElementById("myDIV");
div1.addEventListener("animationiteration", myRepeatFunction);
自己动手试一试 »
描述
当CSS 动画重复时,会发生 animationiteration 事件。
动画事件
| 事件 | 发生时间 | 
|---|---|
| animationstart | CSS 动画已开始 | 
| animationend | CSS 动画已完成 | 
| animationiteration | CSS 动画重复播放 | 
动画属性
| 属性 | 描述 | 
|---|---|
| animationName | 动画的名称 | 
| elapsedTime | 动画已运行的秒数 | 
| pseudoElement | 动画的伪元素的名称 | 
另请参阅
教程
技术详情
| 冒泡 | 是 | 
|---|---|
| 可取消 | 否 | 
| 事件类型 | AnimationEvent | 
| DOM 版本 | Level 3 Events | 
浏览器支持
onanimationiteration 是 DOM Level 3 (2004) 的一个特性。
所有现代浏览器都完全支持它
| Chrome | Edge | Firefox | Safari | Opera | IE | 
| 是 | 是 | 是 | 是 | 是 | 11 | 
 
