このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。
Animation: timeline プロパティ
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2020年7月以降、すべてのブラウザーで利用可能です。
Animation.timeline は Animation インターフェイスのプロパティで、このアニメーションに関連付けられた timeline を返したり設定したりします。タイムラインは同期を目的とした時刻値の元であり、AnimationTimelineベースのオブジェクトです。既定値では、アニメーションのタイムラインと Document のタイムラインは同じです。
値
アニメーションのタイミングソースとして使用するタイムラインオブジェクト、または既定値では null であり、 Document のタイムラインを使用することを表します。
例
ここでは、アニメーションのタイムラインを文書のタイムラインと同じに設定します(ちなみに、これはすべてのアニメーションの既定値です):
js
animation.timeline = document.timeline;
仕様書
| 仕様書 |
|---|
| Web Animations # dom-animation-timeline |
ブラウザーの互換性
ブラウザー互換性一覧表を表示するには、JavaScript を有効にしてください。
関連情報
- ウェブアニメーション API
AnimationAnimationTimeline: すべてのタイムラインが継承する親オブジェクトDocumentTimeline: 現在利用できる唯一のタイムラインオブジェクトDocument.timeline: すべてのアニメーションに割り当てる既定値