AnimationEvent.initAnimationEvent

The AnimationEvent.initAnimationEvent() method Initializes an animation event created using the deprecated Document.createEvent("AnimationEvent") method.

AnimationEvent created this way are untrusted.

Syntax

animationEvent.initAnimationEvent(typeArg, canBubbleArg, cancelableArg, animationNameArg, elapsedTimeArg);

Parameters

typeArg

A DOMString identifying the specific type of animation event that occurred. The following values are allowed:

Value	Meaning
animationstart	The animation has started.
animationend	The animation completed.
animationiteration	The current iteration just completed.

canBubbleArg

A Boolean flag indicating if the event can bubble (true) or not (false).

cancelableArg

A Boolean flag indicating if the event associated action can be avoided (true) or not (false).

animationNameArg

A DOMString containing the value of the animation-name CSS property associated with the transition.

elapsedTimeArg

A float indicating the amount of time the animation has been running, in seconds, as of the time the event was fired, excluding any time the animation was paused. For an "animationstart" event, elapsedTime is 0.0 unless there was a negative value for animation-delay, in which case the event will be fired with elapsedTime containing (-1 * delay).

Specifications

This method is non-standard and not part of any specification, though it was present in early drafts of CSS Animations.

Browser compatibilityUpdate compatibility data on GitHub

See also

• Using CSS animations
• Animation-related CSS properties and at-rules: animation, animation-delay, animation-direction, animation-duration, animation-fill-mode, animation-iteration-count, animation-name, animation-play-state, animation-timing-function, @keyframes.
• The AnimationEvent interface it belongs to.