Анимация: свойство finished
Базовая поддержка Широко доступно
Эта функция хорошо отработана и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с марта 2020 года.
Чтение только свойство Animation.finished API веб-анимации возвращает Promise, которое разрешается, когда анимация завершает воспроизведение.
Примечание: Каждый раз, когда анимация покидает состояние finished воспроизведения (то есть, когда она начинает воспроизводиться снова), для этого свойства создается новый Promise. Новый Promise будет разрешен, когда новая последовательность анимации будет завершена.
Значение
Объект Promise, который разрешится, когда анимация завершит выполнение.
Примеры
Следующий код ждет, пока все анимации, выполняющиеся на элементе elem , завершатся, а затем удаляет элемент из дерева DOM:
Promise.all(elem.getAnimations().map((animation) => animation.finished)).then( () => elem.remove(), );
Спецификации
| Спецификация |
|---|
| Веб-анимации # dom-animation-finished |
Совместимость с браузерами
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | |
finished |
84 | 84 | 63 | 70 | 13.1 | 84 | 63 | 60 | 13.4 | 14.0 | 84 |
См. также
© 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/Animation/finished
