The animationiteration event occurs when a CSS animation is repeated.
The animation will only be played one-time if the CSS animation-iteration-count property is set to “1”. The animation needs to run more than once for this event to fire.
Events that can occur when a CSS animation plays:
- animationstart: occurs when the CSS animation has started.
- animationiteration: occurs when the CSS animation is repeated.
- animationend: occurs when the CSS animation has completed.
- Code for Chrome, Safari and Opera
- Standard syntax:
Supported Browsers: The browsers supported by DOM animationiteration Event are listed below:
- Google Chrome
- Internet Explorer
- Apple Safari
- HTML | DOM onsubmit Event
- HTML | DOM onseeking Event
- HTML | DOM ontimeupdate Event
- HTML | DOM onshow Event
- HTML | DOM onselect Event
- HTML | DOM onafterprint Event
- HTML | DOM animationend Event
- HTML | DOM onseeked Event
- HTML | DOM onsearch Event
- HTML | DOM animationstart Event
- HTML | DOM ontoggle Event
- HTML | DOM onmessage Event
- HTML | DOM ondragover Event
- HTML | DOM onended Event
- HTML | DOM touchend Event
If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to email@example.com. See your article appearing on the GeeksforGeeks main page and help other Geeks.
Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.