Element:getAnimations() 方法
Element
接口(在 Animatable
混入(mixin)中指定)的 getAnimations()
方法返回一个包含所有影响此元素或计划将来影响此元素的 Animation
对象的数组。它还可以选择性地返回后代元素的 Animation
对象。
注意: 此数组包括 CSS 动画、CSS 过渡 和 Web Animations API。
语法
js
getAnimations()
getAnimations(options)
参数
options
可选-
一个包含以下属性的选项对象
返回值
一个 Array
,其中包含 Animation
对象,每个对象代表当前正在针对调用此方法的 Element
,或者如果指定了 { subtree: true }
,则代表其后代元素之一的动画。
示例
以下代码片段将在 elem
及其后代的所有动画完成后等待,然后再将该元素从文档中移除。
js
Promise.all(
elem.getAnimations({ subtree: true }).map((animation) => animation.finished),
).then(() => elem.remove());
规范
规范 |
---|
Web 动画 # dom-animatable-getanimations |
浏览器兼容性
加载中…
另见
- Web Animations API
- CSS 动画
- CSS 过渡
Document.getAnimations()
- 获取文档中的所有动画Animation