animationiteration

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

General info

Specification

CSS Animations

Interface

AnimationEvent

Synchronicity

synchronous

Bubbles

Yes

Cancelable

No

Target

Document, Element, Window

Default Action

None

Properties

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.

Related events

• animationstart
• animationend
• animationcancel

See also

• CSS Animations
• Using CSS Animations
• AnimationEvent
• GlobalEventHandlers.onanimationiteration