animationiteration Event in JavaScript
animationiteration Event in JavaScript
The animationiteration event is used to occur when CSS animation is repeated. This event will not work if animation-iteration-count property is set to 1. For this event to fire, the animation needs to run more than once. Three events occur when a CSS animation plays. These are:-
- animationstart i.e, when the CSS animation has started
- animationiteration i.e, when the CSS animation is repeated
- animationend i.e, when the CSS animation has completed
Syntax:-
Its syntax is:- object.addEventListener("webkitAnimationIteration", myFunction) OR object.addEventListener("animationiteration", myFunction)
Code Explanation
All Tutorials related to HTML DOM AnimationEvent Properties and Methods
AnimationEvent animationName Property in JavaScript
AnimationEvent elapsedTime Property in JavaScript
animationend Event in JavaScript
animationiteration Event in JavaScript
animationstart Event in JavaScript
All Sections related to Javascript
JavaScript Intro
JavaScript Intro Quiz
JavaScript Intro Exercise
JavaScript Basic
JavaScript Basic Quiz
JavaScript Basic Exercise
JavaScript Advance
JavaScript Advance Quiz
JavaScript Advance Exercise
JavaScript ES6
JavaScript ES6 Quiz
JavaScript ES6 Exercise
JavaScript Array Methods and Properties
JavaScript String Methods and Properties
JavaScript Number Methods and Properties
JavaScript Math Properties and Methods
JavaScript Date Methods and Properties
JavaScript Global Methods and Properties
JavaScript RegExp Properties and Methods
JavaScript Class Methods and Keywords
JavaScript Errors, JSON and Booleans
JavaScript Statements
JavaScript Window History Object Properties and Methods
JavaScript Window Location Object Properties and Methods
JavaScript Window Screen Object Properties
JavaScript Window Navigator Object Properties and Methods
JavaScript Window Object Properties and Methods
JavaScript Console Object Methods
JavaScript Geolocation and Storage APIs
JavaScript CSSStyleDeclaration Object Methods and Properties
HTML DOM Documents Object Properties and Methods
DOM HTMLCollection Properties and Methods
HTML DOM Attributes Properties and Methods
HTML DOM Elements Properties and Methods
HTML DOM Style Object Properties
HTML DOM AnimationEvent Properties and Methods
HTML DOM ClipboardEvent Properties and Methods
HTML DOM DragEvent Properties and Methods
HTML DOM FocusEvent Properties and Methods
HTML DOM HashChangeEvent Properties and Methods
HTML DOM InputEvent Properties and Methods
HTML DOM KeyboardEvent Properties and Methods
HTML DOM MouseEvent Properties and Methods
HTML DOM PageTransitionEvent Properties and Methods
HTML DOM ProgressEvent Properties and Methods
HTML DOM StorageEvent Properties and Methods
HTML DOM TransitionEvent Properties and Methods
HTML DOM WheelEvent Properties and Methods
HTML DOM UiEvent Properties and Methods
HTML DOM TouchEvent Properties and Methods
The Event Object Properties and Methods
