Animation: finished property

Baseline 已广泛支持

此特性已经十分成熟，可在许多设备和浏览器版本上使用。自 2020 年 7 月以来，它已在各大浏览器中可用。

Animation.finished 是 Web Animations API 的只读属性，它返回一个 Promise 对象，该对象在动画播放完成后解决（resolve）。

注意： 每次动画离开 finished 播放状态（即重新开始播放时），都会为该属性创建一个新的 Promise。新的 Promise 将在新动画序列完成后解决。

值

一个 Promise 对象，它将在动画运行完成后解决。

以下代码等待元素 elem 上所有正在运行的动画完成后，将该元素从 DOM 树中删除：

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

规范
Web 动画 # dom-animation-finished

此页面最后更新于 2024年7月26日，由 MDN 贡献者更新。