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
DOMStringidentifying the specific type of animation event that occurred. The following values are allowed:Value Meaning animationstartThe animation has started. animationendThe animation completed. animationiterationThe current iteration just completed. canBubbleArg- A
Booleanflag indicating if the event can bubble (true) or not (false). cancelableArg- A
Booleanflag indicating if the event associated action can be avoided (true) or not (false). animationNameArg- A
DOMStringcontaining the value of theanimation-nameCSS property associated with the transition. elapsedTimeArg- A
floatindicating 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,elapsedTimeis0.0unless there was a negative value foranimation-delay, in which case the event will be fired withelapsedTimecontaining(-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
| Desktop | Mobile | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Basic support | Chrome Full support 1 | Edge No support 12 — 16 | Firefox No support 6 — 23 | IE Full support 10 | Opera Full support 10 | Safari Full support 4 | WebView Android Full support Yes | Chrome Android Full support 43 | Edge Mobile ? | Firefox Android No support 6 — 23 | Opera Android Full support Yes | Safari iOS ? | Samsung Internet Android Full support 4.0 |
Legend
- Full support
- Full support
- No support
- No support
- Compatibility unknown
- Compatibility unknown
- 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.
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
AnimationEventinterface it belongs to.