This is an experimental technology
Because this technology's specification has not stabilized, check the compatibility table for usage in various browsers. Also note that the syntax and behavior of an experimental technology is subject to change in future versions of browsers as the specification changes.

The endDelay property of AnimationEffectTimingReadOnly represents the number of milliseconds to delay after the end time of an animation. The end time of an animation effect is simply the sum of its delay, duration, and endDelay

This is useful for sequencing animations based on the end time of another animation.

Note: Although this is typically only useful in combination with sequence effects introduced in a subsequent level of this specification, it is included here for the purpose of representing the min attribute in SVG ([SVG11], Chapter 19).

Note: In AnimationEffectTiming, a mutable subclass of AnimationEffectTimingReadOnly used with KeyframeEffects,  the property acts as both a getter and a setter.


// Getting the delay in milliseconds
var animationEndDelay = animation.effect.timing.endDelay;

// Setting the delay in milliseconds 
animationEndDelay.timing.endDelay = 200;


A number representing milliseconds. Defaults to 0.


Specification Status Comment
Web Animations
The definition of 'AnimationEffectTimingReadOnly.enddelay' in that specification.
Working Draft Editor's draft.

Browser compatibility

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support (Yes) 48 (48) No support (Yes) No support
Feature Android Android Webview Chrome for Android Firefox Mobile (Gecko) Firefox OS IE Mobile Opera Mobile Safari Mobile
Basic support ? ? ? ? ? No support No support No support

See also


© 2016 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.

Animation AnimationEffectTimingReadOnly API endDelay Experimental Property Reference waapi web animations api