title | short-title | slug | l10n | ||
---|---|---|---|---|---|
Document: getAnimations() メソッド |
getAnimations() |
Web/API/Document/getAnimations |
|
{{APIRef("Web Animations")}}
getAnimations()
メソッドは {{domxref("Document")}} インターフェイスのメソッドで、この文書の配下にあるターゲット要素にあるすべての {{domxref("Animation")}} オブジェクトの配列を返します。この配列には CSS アニメーション, CSS トランジション, ウェブアニメーション が含まれます。
getAnimations()
なし。
{{domxref("Animation")}} オブジェクトの配列 ({{jsxref("Array")}}) で、それぞれの要素は呼び出された {{domxref("Document")}} の配下にある要素に現在関連付けられているアニメーション 1 つを表します。
次のコードスニペットは、ページ上のすべてのアニメーションの {{domxref("Animation.playbackRate")}} を半分にすることで速度をゆっくりにします。
document.getAnimations().forEach((animation) => {
animation.playbackRate *= 0.5;
});
{{Specifications}}
{{Compat}}
- ウェブアニメーション API
- CSS アニメーション
- CSS トランジション
- {{domxref("Element.getAnimations()")}} - 単一の要素 ({{domxref("Element")}}) とその子孫にあるアニメーションのみを読み取る
- {{domxref("Animation")}}