Spec-Zone.ru › Web APIs

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;
});

Спецификации

Спецификация
Web Animations
# dom-documentorshadowroot-getanimations

Совместимость с браузерами

Рабочие столы Мобильные устройства
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

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API