AnimationEvent object

Provides contextual information associated with animation events.

DOM Information

Inheritance Hierarchy

 Event
   AnimationEvent

Members

The AnimationEvent object has these types of members:

Methods

The AnimationEvent object has these methods.

MethodDescription
initAnimationEvent

Initializes the values of an animation event.

 

Properties

The AnimationEvent object has these properties.

PropertyAccess typeDescription

animationName

Read-only

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

elapsedTime

Read-only

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

 

Remarks

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.

 

 

Show:
© 2014 Microsoft