animationiteration 事件
示例
当 CSS 动画重复时执行某项操作
const div1 = document.getElementById("myDIV");
div1.addEventListener("animationiteration", myRepeatFunction);
亲自试一试 »
描述
当 animationiteration
事件发生时,CSS 动画将重复。
动画事件
事件 | 发生时间 |
---|---|
animationstart | CSS 动画已开始 |
animationend | CSS 动画已完成 |
animationiteration | CSS 动画已重复 |
动画属性
属性 | 描述 |
---|---|
animationName | 动画的名称 |
elapsedTime | 动画运行的秒数 |
pseudoElement | 动画的伪元素名称 |
另请参见
教程
技术细节
冒泡 | 是 |
---|---|
可取消 | 否 |
事件类型 | AnimationEvent |
DOM 版本 | 级别 3 事件 |
浏览器支持
onanimationiteration
是 DOM 级别 3(2004)功能。
它在所有现代浏览器中均得到完全支持
Chrome | Edge | Firefox | Safari | Opera | IE |
是 | 是 | 是 | 是 | 是 | 11 |