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 |
ブラウザーの互換性
BCD tables only load in the browser
関連情報
- ウェブアニメーション API
Animation
AnimationTimeline
: すべてのタイムラインが継承する親オブジェクトDocumentTimeline
: 現在利用できる唯一のタイムラインオブジェクトDocument.timeline
: すべてのアニメーションに割り当てる既定値