Animation: timeline プロパティ
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2020.
Animation.timeline
は Animation
インターフェイスのプロパティで、このアニメーションに関連付けられた timeline
を返したり設定したりします。タイムラインは同期を目的とした時刻値の元であり、AnimationTimeline
ベースのオブジェクトです。既定値では、アニメーションのタイムラインと Document
のタイムラインは同じです。
値
アニメーションのタイミングソースとして使用するタイムラインオブジェクト、または既定値では null
であり、 Document
のタイムラインを使用することを表します。
例
ここでは、アニメーションのタイムラインを文書のタイムラインと同じに設定します(ちなみに、これはすべてのアニメーションの既定値です):
js
animation.timeline = document.timeline;
仕様書
Specification |
---|
Web Animations # dom-animation-timeline |
ブラウザーの互換性
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
timeline |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- See implementation notes.
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.
関連情報
- ウェブアニメーション API
Animation
AnimationTimeline
: すべてのタイムラインが継承する親オブジェクトDocumentTimeline
: 現在利用できる唯一のタイムラインオブジェクトDocument.timeline
: すべてのアニメーションに割り当てる既定値