The animationiteration event is fired when an iteration of a CSS Animation ends. This event does not occur for animations with an animation-iteration-count of one.

General info

Interface AnimationEvent
Bubbles Yes
Cancelable No
Targets Window, Document, Element
Default Action None


Property Type Description
target Read only EventTarget The event target (the topmost target in the DOM tree).
type Read only DOMString The type of event.
bubbles Read only Boolean Does the event normally bubble?
cancelable Read only Boolean Is it possible to cancel the event?
animationName Read only DOMString The name of the CSS property associated with the transition.
elapsedTime Read only Float The amount of time the animation has been running, in seconds, as of the time the event was fired, not including time spent paused. This should be animation-duration multiplied by the number of iterations which have occurred so far.


Specification Status Comment
CSS Animations Working Draft Initial definition

See also

Document Tags and Contributors

Contributors to this page: Sebastianz, mfluehr, Sheppy, silentMood, fscholz, teoli, ethertank, louisremi
Last updated by: Sebastianz,