このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

Animation: finished プロパティ

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨2020年7月⁩.

Animation.finishedウェブアニメーション API の読み取り専用プロパティで、アニメーションの再生が完了すると解決される Promise を返します。

メモ: アニメーションが finished の再生状態から離れる時点(つまり、再び再生を始める時点)ごとに、このプロパティに対して新しい Promise が作成されます。新しい Promise は新しいアニメーションシーケンスが完了すると解決されます。

アニメーションの実行が完了すると解決される Promise オブジェクト。

以下のコードは、要素 elem で実行するアニメーションがすべて完了するまで待ち、その要素を DOM ツリーから削除します。

js
Promise.all(elem.getAnimations().map((animation) => animation.finished)).then(
  () => elem.remove(),
);

仕様書

Specification
Web Animations
# dom-animation-finished

ブラウザーの互換性

関連情報