animationiteration begivenhed

DOM begivenheder AnimationEvent

Definition og brug

animationiteration-arrangement opstår ved gentagne CSS-animationer.

Hvis CSS animation-iteration-count egenskabIndstillet til "1" betyder, at animationen kun afspilles én gang, og der vil ikke opstå animationiteration-arrangement. Animation skal køre flere gange for at udløse dette arrangement.

For mere viden om CSS animation, lær vores CSS3 Animation Læringsvejledning.

Tre hendelser kan oppstå når CSS-animation spilles av:

Eksempel

Når CSS-animationen repeteres, gjør noe med <div>-elementet:

var x = document.getElementById("myDIV");
// For Chrome, Safari og Opera
x.addEventListener("webkitAnimationIteration", myRepeatFunction);
// Standard语法
x.addEventListener("animationiteration", myRepeatFunction);

Prøv det selv

语法

object.addEventListener("webkitAnimationIteration", myScript);  // For Chrome, Safari og Opera
object.addEventListener("animationiteration", myScript);        // Standard语法

Kommentar:Internet Explorer 8 eller tidligere versjoner støtter ikke addEventListener() metode.

Tekniske detaljer

Boble: Støttet
Kan kanselleres: Ikke støttet
Begivenhetstype: AnimationEvent
DOM version: Level 3 Events

Nettleserstøtte

Tallene i tabellen angiver den første nettleserversion, der fullstendig støtter begivenheten.

Tallene efter "webkit" eller "moz" angiver den første version, der bruger præfikset.

begivenheder Chrome IE Firefox Safari Opera
animationiteration 4.0 webkit 10.0 16.0
5.0 moz		 4.0 webkit 15.0 webkit
12.1

Kommentar:For Chrome, Safari og Opera, brug webkitAnimationEnd.

relaterede sider

CSS tutorial:CSS3 animation

CSS reference manual:CSS3 animation egenskab

CSS reference manual:CSS3 animation-iteration-count egenskab

HTML DOM reference manual:Style animation egenskab

DOM begivenheder AnimationEvent