Элемент: метод getAnimations()

Метод getAnimations() интерфейса Element (указанный в миксине Animatable ) возвращает массив всех объектов Animation, влияющих на этот элемент, или тех, которые запланированы на будущее. Он может также, по желанию, вернуть объекты Animation для дочерних элементов.

options Необязательно

Объект опций, содержащий следующее свойство:

subtree

Логическое значение, которое, если true, приведет к тому, что анимации, нацеленные на потомков элемента Element, также будут возвращены. Это включает анимации, нацеленные на любые CSS псевдоэлементы, прикрепленные к Element или одному из его потомков. По умолчанию false.

Массив Array объектов Animation, каждый из которых представляет анимацию, в данный момент направленную на Element, на котором вызывается этот метод, или на один из его дочерних элементов, если { subtree: true } задан.

Следующий фрагмент кода подождет завершения всех анимаций на элементе elem и его потомков перед удалением элемента из документа.

Promise.all(
  elem.getAnimations({ subtree: true }).map((animation) => animation.finished),
).then(() => elem.remove());

• API анимаций Web Animations
• CSS-анимации
• CSS-переходы
• Document.getAnimations() - Получение всех анимаций в документе
• Animation