GlobalEventHandlers.onanimationend

The onanimationend property of the GlobalEventHandlers mixin is the event handler for processing animationend events.

The animationend event fires when a CSS animation reaches the end of its active period (which is calculated as (animation-duration * animation-iteration-count) + animation-delay).

Syntax

var animEndHandler = target.onanimationend;
target.onanimationend = Function

Value

A Function to be called when an animationend event occurs indicating that a CSS animation has ended on the target, where the target object is an HTML element (HTMLElement), document (Document), or window (Window). The function receives as input a single parameter: an AnimationEvent object describing the event which occurred.

Example

See GlobalEventHandlers.onanimationstart for example code.

Specifications

Specification
CSS Animations Level 2
# dom-document-onanimationend

Browser compatibility

BCD tables only load in the browser

See also