This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

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 the end delay, specified in milliseconds. The default value is 0.


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

Browser compatibility

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support Yes ?48 No Yes No
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Basic support ? ? ? ? No No ?

See also

Document Tags and Contributors

Contributors to this page: fscholz, rachelnabors, chrisdavidmills
Last updated by: fscholz,