AnimationEvent object

Provides contextual information associated with animation events.

DOM Information

Inheritance Hierarchy



The AnimationEvent object has these types of members:


The AnimationEvent object has these methods.


Initializes the values of an animation event.



The AnimationEvent object has these properties.

PropertyAccess typeDescription



The name of a keyframe rule that defines the style rules applied by the animation.



The amount of time the animation has been running, in seconds.



AnimationEvent objects provide information about events that occur related to Cascading Style Sheets (CSS) animations. Several animation related events are available. For example, the start and end of an animation, and the end of each iteration of an animation all generate Document Object Model (DOM) events. An element can have multiple properties being animated simultaneously. This can occur either with a single animationName value with keyframes containing multiple properties, or with multiple animationName values. For the purposes of events, each animationName specifies a single animation. Therefore an event will be generated for each animationName value and not necessarily for each property being animated. The time the animation has been running is sent with each event generated. This allows the event handler to determine the current iteration of a looping animation or the current position of an alternating animation. This time does not include any time the animation was in the paused play state.



© 2014 Microsoft