animationiteration Olay

Örnek

Bir ile bir şeyler yapın <div> CSS animasyon tekrarlandığında elemanı:

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

// Code for Chrome, Safari and Opera
x.addEventListener("webkitAnimationIteration", myRepeatFunction);

// Standard syntax
x.addEventListener("animationiteration", myRepeatFunction);

Kendin dene "

Tanımı ve Kullanımı

Bir CSS animasyon tekrarlandığında animationiteration olayı oluşur.

CSS Eğer animationiteration-sayımı özelliği ayarlandığında "1" animasyon yalnızca bir kez çalınır, yani, animationiteration olay oluşmaz. animasyon Bu olay yangın için bir defadan fazla çalıştırmak gerekiyor.

CSS Animasyonlar hakkında daha fazla bilgi için, bizim öğretici bakınız CSS3 Animasyonlar .

Bir CSS animasyon oynatıldığında, oluşabilir üç olay vardır:

animationstart - CSS animasyon başladığında oluşur
animationiteration - CSS animasyon tekrarlanır oluşur
animationend - CSS animasyon tamamlandığında gerçekleşir

Tarayıcı Desteği

Tablodaki rakamlar tamamen olayı destekleyen ilk tarayıcı sürümü belirtin.

Ardından Numaraları "webkit" veya "moz" bir önek ile çalıştığım ilk versiyonunu belirtin.

Olay
animationiteration	4,0 webkit	10.0	16.0 5.0 moz	4,0 webkit	15.0 webkit 12.1

Not: Chrome, Safari ve Opera için webkitAnimationIteration öneki kullanın.

Sözdizimi

object.addEventListener("webkitAnimationIteration", myScript ); // Code for Chrome, Safari and Opera
object .addEventListener("animationiteration", myScript ); // Standard syntax

Not: addEventListener() metodu Internet Explorer 8 ve önceki sürümlerinde desteklenmez.