W3cubDocs

Animation.timeline

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

The Animation.timeline property of the Animation interface returns or sets the timeline associated with this animation. A timeline is a source of time values for synchronization purposes, and is an AnimationTimeline-based object. By default, the animation's timeline and the Document's timeline are the same.

Syntax

var animationsTimeline = Animation.timeline;

Animation.timeline = newTimeline;

Value

A timeline object to use as the timing source for the animation, or null to use the default, which is the Document's timeline.

Examples

Here we set the animation's timeline to be the same as the document's timeline (this is the default timeline for all animations, by the way):

animation.timeline = document.timeline;

Specifications

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

Browser compatibilityUpdate compatibility data on GitHub

	Desktop
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari
Basic support	No	?	63 Disabled 63 Disabled Disabled From version 63: this feature is behind the `dom.animations-api.timelines.enabled` preference (needs to be set to `true`). To change preferences in Firefox, visit about:config. 48 — 63 Disabled This property is supported in Firefox 48 but is read-only. It became writable in Firefox 49. Disabled From version 48 until version 63 (exclusive): this feature is behind the `dom.animations-api.core.enabled` preference (needs to be set to `true`). To change preferences in Firefox, visit about:config.	No	No	No

	Mobile
	Android webview	Chrome for Android	Edge Mobile	Firefox for Android	Opera for Android	iOS Safari	Samsung Internet
Basic support	No	No	?	63 Disabled 63 Disabled Disabled From version 63: this feature is behind the `dom.animations-api.timelines.enabled` preference (needs to be set to `true`). To change preferences in Firefox, visit about:config. 48 — 63 Disabled This property is supported in Firefox 48 but is read-only. It became writable in Firefox 49. Disabled From version 48 until version 63 (exclusive): this feature is behind the `dom.animations-api.core.enabled` preference (needs to be set to `true`). To change preferences in Firefox, visit about:config.	No	No	No

Animation.timeline

Syntax

Value

Examples

Specifications

Browser compatibilityUpdate compatibility data on GitHub

See also