impreza animationiteration

Przykłady

Gdy elementem animacji CSS powtórka dodaje się jako <div> nasłuchuje zdarzeń:

var x = document.getElementById ( "myDiv");

// Chrome, Safari i Opera Kody
x.addEventListener ( "webkitAnimationIteration" myStartFunction);

// Standardowa składnia
x.addEventListener ( "animationiteration" myStartFunction);

Spróbuj »

Definicja i Wykorzystanie

Impreza animationiteration wyzwalane, gdy odtwarzanie animacji CSS.

Jeśli CSS Animacja-Iteracja-Count atrybut jest ustawiony na "1", animacja będzie grać tylko raz, animationiteration zdarzenia nie jest już uruchomiony.

Więcej informacji na temat animacji CSS, można znaleźć na naszej animacji CSS3 sekcję.

animacje CSS odgrywa występują trzy następujące zdarzenia:

animationstart - po uruchomieniu spustu animacji CSS
animationiteration - animacje CSS wyzwalane powtórki
animationEnd - Po zakończeniu spustu CSS

Pomoc Browser

Wartości podane w tabeli przedstawiają pierwszą przeglądarką obsługującą tę wersję wydarzeń.

"Webkit" lub "Moz" po określonej liczbie prefiks jako pierwsza wersja obsługująca zdarzenie.

wydarzenie
animationiteration	4,0 WebKit	10,0	16,0 5,0 moz	4,0 WebKit	15,0 WebKit 12,1

Uwaga: Chrome, Safari i Opera przeglądarek webkitAnimationEnd prefiks.

gramatyka

object.addEventListener ( "webkitAnimationIteration" myscript) ; // Chrome, Safari i Opera Kody
object .addEventListener ( "animationiteration" MOJSKRYPT ); // składni standardowy

Uwaga: Internet Explorer 8 i wcześniejsze wersje IE nie obsługuje addEventListener () metody.

dane techniczne