animationiteration 事件

当 CSS 动画重复时执行一些操作：

const div1 = document.getElementById("myDIV");

div1.addEventListener("animationiteration", myRepeatFunction);

描述

这个animationiteration事件发生时重复 CSS 动画。

Event	Occurs When
animationstart	A CSS animation has started
animationend	A CSS animation has completed
animationiteration	A CSS animation is repeated

Property	Description
animationName	The name of the animation
elapsedTime	The number of seconds an animation has been running
pseudoElement	The name of the pseudo-element of the animation

onanimationiteration是 DOM Level 3 (2004) 功能。

所有现代浏览器都完全支持它：


Chrome	Edge	Firefox	Safari	Opera	IE
Yes	Yes	Yes	Yes	Yes	11