acara animationiteration

contoh

Ketika elemen CSS animasi ulangan ditambahkan sebagai <div> mendengarkan acara:

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

// Chrome, Safari dan Opera Kode
x.addEventListener ( "webkitAnimationIteration", myStartFunction);

// Standard sintaks
x.addEventListener ( "animationiteration", myStartFunction);

Coba »

Definisi dan Penggunaan

Acara animationiteration dipicu ketika replay CSS animasi.

Jika CSS Animation-Iterasi-COUNT atribut diatur ke "1", animasi akan bermain hanya sekali, acara animationiteration tidak lagi dipicu.

Tentang CSS animasi, lihat CSS3 animasi bagian.

CSS animasi memainkan, tiga peristiwa berikut terjadi:

animationstart - setelah dimulainya pemicu CSS animasi
animationiteration - animasi CSS dipicu ulangi
animationEnd yang - setelah selesai memicu CSS

Dukungan Browser

Angka dalam tabel tersebut merupakan browser pertama yang mendukung versi kejadian.

"WebKit" atau "moz" setelah sejumlah nomor awalan ditentukan sebagai versi pertama yang mendukung acara tersebut.

peristiwa
animationiteration	4.0 webkit	10,0	16.0 5.0 moz	4.0 webkit	15,0 webkit 12.1

Catatan: Chrome, Safari dan Opera browser webkitAnimationEnd awalan.

tatabahasa

object.addEventListener ( "webkitAnimationIteration", myScript) ; // Chrome, Safari dan Opera Kode
objek .addEventListener ( "animationiteration", myScript ); // sintaks standar

Catatan: Internet Explorer 8 dan versi sebelumnya dari IE tidak mendukung () addEventListener metode.

rincian teknis