动画:finished 属性

基线 广泛可用

此功能已得到完善,并在许多设备和浏览器版本中正常运行。它已在自 2020 年 3 月.

Animation.finishedWeb 动画 API 中的只读属性,它返回一个 Promise,该 Promise 在动画播放完毕后解析。

注意: 每次动画离开 finished 播放状态(即当它再次开始播放时),都会为该属性创建一个新的 Promise。新 Promise 将在新的动画序列完成时解析。

一个 Promise 对象,它将在动画运行完毕后解析。

示例

以下代码等待元素 elem 上运行的所有动画完成,然后从 DOM 树中删除该元素

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

规范

规范
Web 动画
# dom-animation-finished

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅