This is an experimental technologyCheck 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 AnimationsThe definition of 'Animation.timeline' in that specification. | Working Draft | Editor's draft. |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
|
Chrome No support No No support No Notes' Currently Chrome Canary only |
Edge
No support No |
Firefox Full support 75 Full support 75 Notes' Currently only the getter is supported Full support 63 Disabled' From version 63: this feature is behind the Notes' 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 |
IE
No support No |
Opera
No support No |
Safari Full support 13.1 Full support 13.1 Notes' Currently only the getter is supported |
WebView Android
No support No |
Chrome Android No support No No support No Notes' Currently Chrome Canary only |
Firefox Android Full support 63 Full support 63 Disabled' From version 63: this feature is behind the Notes' 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 |
Opera Android
No support No |
Safari iOS Full support 13.4 Full support 13.4 Notes' Currently only the getter is supported |
Samsung Internet Android
No support No |
Legend
- Full support
- Full support
- No support
- No support
- Experimental. Expect behavior to change in the future.'
- Experimental. Expect behavior to change in the future.
- See implementation notes.'
- See implementation notes.
- User must explicitly enable this feature.'
- User must explicitly enable this feature.
See also
- Web Animations API
Animation
AnimationTimeline
the parent object all timelines inherit from.DocumentTimeline
the only kind of timeline object available at this time.Document.timeline
is the default timeline all animations are assigned.
Animation.timeline by Mozilla Contributors is licensed under CC-BY-SA 2.5.