Событие animationiteration
Пример animationiteration
Что делать, если CSS анимация повторяется:
const div1 = document.getElementById("myDIV");
div1.addEventListener("animationiteration", myRepeatFunction);
Попробуйте сами »
Описание animationiteration
Событие animationiteration происходит, когда CSS анимация повторяется.
События анимаций animationiteration
| Событие | Происходит, когда |
|---|---|
| animationstart | CSS Анимация началась |
| animationend | CSS Анимация завершена |
| animationiteration | CSS Анимация повторяется |
Свойства анимаций animationiteration
| Свойство | Описание |
|---|---|
| animationName | Имя анимации |
| elapsedTime | Количество секунд, в течение которых длилась анимация |
| pseudoElement | Имя псевдоэлемента анимации |
Связные страницы animationiteration
Анимация Объект Event
Style Свойство анимации
Учебник animationiteration
Технические детали animationiteration
| Bubbles: | Да |
|---|---|
| Cancelable: | Нет |
| Тип событий: | AnimationEvent |
| DOM Версия: | События 3 уровня |
Поддержка animationiteration
onanimationiteration является особенностью DOM уровня 3 (2004).
Он полностью поддерживается во всех современных браузерах:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Да | Да | Да | Да | Да | 11 |