ShadowRoot: метод getAnimations()
Базовая поддержка Широко распространена
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с марта 2020 года.
Метод getAnimations() интерфейса ShadowRoot возвращает массив всех объектов Animation, которые в данный момент активны, а их целевые элементы являются потомками тенистого дерева. В этот массив входят CSS-анимации, CSS-переходы и анимации Web Animations.
Синтаксис
getAnimations()
Параметры
Нет.
Возвращаемое значение
Массив Array объектов Animation, каждый из которых представляет собой одну анимацию, в данный момент связанную с элементами, являющимися потомками ShadowRoot, к которому он применяется.
Примеры
Следующий фрагмент кода замедлит все анимации в тенистом дереве, уменьшив их Animation.playbackRate вдвое.
let customElem = document.querySelector("my-shadow-dom-element");
let shadow = customElem.shadowRoot;
shadow.getAnimations().forEach((animation) => {
animation.playbackRate *= 0.5;
});
Спецификации
Совместимость с браузерами
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | |
getAnimations |
84 | 84 | 75 | 70 | 14 | 84 | 79 | 60 | 14 | 14.0 | 84 |
См. также
- API анимаций Web Animations
- CSS-анимации
- CSS-переходы
-
Element.getAnimations()- Получение только анимаций на одномElementи его потомках. Animation
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/ShadowRoot/getAnimations