AnimationEvent.initAnimationEvent()

Obsolete
This feature is obsolete. Although it may still work in some browsers, its use is discouraged since it could be removed at any time. Try to avoid using it.

Non-standard
This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.

Summary

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

AnimationEvent created this way are untrusted.

Note: During the standardization process, this method was removed from the specification. It has been deprecated and is in the progress of being removed from most implementations. Do not use this method; instead, use the standard constructor, AnimationEvent(), to create a synthetic AnimationEvent.

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 compatibility

Update compatibility data on GitHub

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
`initAnimationEvent` ExperimentalDeprecatedNon-standard	Chrome No support ? — 18 Alternate Name No support ? — 18 Alternate Name Alternate Name Uses the non-standard name: `initWebKitAnimationEvent`	Edge No support 12 — 16	Firefox No support 6 — 23	IE Full support 10	Opera No support 12.1 — 15	Safari No support ? — 6 Alternate Name No support ? — 6 Alternate Name Alternate Name Uses the non-standard name: `initWebKitAnimationEvent`	WebView Android No support No	Chrome Android No support No	Firefox Android No support 6 — 23	Opera Android No support ? — 14	Safari iOS No support ? — 6 Alternate Name No support ? — 6 Alternate Name Alternate Name Uses the non-standard name: `initWebKitAnimationEvent`	Samsung Internet Android No support No

Legend

Full support: Full support
No support: No support
Experimental. Expect behavior to change in the future.: Experimental. Expect behavior to change in the future.
Non-standard. Expect poor cross-browser support.: Non-standard. Expect poor cross-browser support.
Deprecated. Not for use in new websites.: Deprecated. Not for use in new websites.
Uses a non-standard name.: Uses a non-standard name.