событие animationiteration
примеров
Когда CSS анимации воспроизведения элемент добавляется как <DIV> прослушивает события:
// Chrome, Safari и Opera коды
x.addEventListener ( "webkitAnimationIteration", myStartFunction);
// Стандартный синтаксис
x.addEventListener ( "animationiteration", myStartFunction);
Попробуйте »
Определение и использование
animationiteration событие срабатывает, когда CSS анимации воспроизведения.
Если нет CSS анимации-итерационно-COUNT атрибут имеет значение "1", то анимация будет играть только один раз, animationiteration событие больше не срабатывает.
Подробнее о CSS - анимации, можно найти в нашем CSS3 анимации разделе.
CSS анимация играет, происходят следующие три события:
- animationstart - после начала запуска CSS - анимации
- animationiteration - CSS анимации вызвало повторение
- animationEnd - после завершения запуска CSS - код
Поддержка браузеров
Цифры в таблице представляют первый браузер, чтобы поддержать эту версию событий.
"Webkit" или "Мос" после определенного числа номер префикса в качестве первой версии для поддержки событие.
событие | |||||
---|---|---|---|---|---|
animationiteration | 4.0 WebKit | 10,0 | 16,0 5.0 Мос | 4.0 WebKit | 15,0 WebKit 12.1 |
Примечание: Chrome, Safari и Opera браузеры webkitAnimationEnd префикс.
грамматика
объект .addEventListener ( "animationiteration", MyScript ); // стандартный синтаксис
Примечание: Internet Explorer 8 и более ранние версии IE не поддерживают addEventListener () метод.
технические детали
Независимо от того, чтобы поддержать пузырь: | да |
---|---|
Это может быть отменено: | Нет |
Тип события: | AnimationEvent |
Похожие страницы
Учебник CSS: CSS3 Анимация
CSS Справка: CSS3 свойства анимации
CSS Справка: CSS3 Animation-итерационно-COUNT недвижимость
HTML DOM Ссылка: Стиль анимации свойства
объекты событий