动画:finished 属性
Animation.finished
是 Web 动画 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 的浏览器中加载。