Анимация: свойство ready

Только для чтения Animation.ready свойство API веб-анимаций возвращает Promise, который разрешается, когда анимация готова к воспроизведению. Новый промис создается каждый раз, когда анимация переходит в "pending" состояние воспроизведения, а также при отмене анимации, так как в обоих этих сценариях анимация готова к повторному запуску.

A Promise, который разрешается, когда анимация готова к воспроизведению. Обычно вы используете конструкцию, подобную этой, при работе с промисом ready:

animation.ready.then(() => {
  // Do whatever needs to be done when
  // the animation is ready to run
});

В следующем примере состояние анимации будет running при разрешении текущего промиса ready, потому что анимация не покидает pending состояние воспроизведения между вызовами pause и play, и поэтому текущий промис ready не меняется.

animation.pause();
animation.ready.then(() => {
  // Displays 'running'
  alert(animation.playState);
});
animation.play();

• API веб-анимаций
• Animation
• Animation.playState