ఆనిమేషన్ ఇటరేషన్ ఇవెంట్
నిర్వచనం మరియు ఉపయోగం
animationiteration ఇవెంట్ రిపీటివ్ CSS అనిమేషన్ వద్ద జరుగుతుంది.
ఉంటే సిఎస్ఎస్ ఆనిమేషన్-ఇటరేషన్-కాంట్ అట్రిబ్యూట్అనిమేషన్ మాత్రమే ఒకసారి ప్లే అవుతుంది "1" అయితే, animationiteration ఇవెంట్ జరగదు. అనిమేషన్ అనేకసార్లు ప్లే అవుతే ఈ ఇవెంట్ ప్రారంభించబడుతుంది.
CSS అనిమేషన్ గురించి మరింత తెలుసుకోవడానికి, మా కోర్సులను అభ్యసించండి CSS3 అనిమేషన్ పాఠ్యం.
కాస్స్ అనిమేషన్ ప్లే అయినప్పుడు మూడు ఇవెంట్లు జరగవచ్చు:
- animationstart - కాస్స్ అనిమేషన్ ప్రారంభమైనప్పుడు జరుగుతుంది
- animationiteration - కాస్స్ అనిమేషన్ పునరావృతం జరగిందికి జరుగుతుంది
- animationend - కాస్స్ అనిమేషన్ పూర్తి అయినప్పుడు జరుగుతుంది
ఉదాహరణ
కాస్స్ అనిమేషన్ పునరావృతం జరగిందికి మరియు <div> మూలకానికి కాంట్రోల్ చేయండి:
var x = document.getElementById("myDIV");
// Chrome, Safari మరియు Opera కొరకు సంకేతం
x.addEventListener("webkitAnimationIteration", myRepeatFunction);
// ప్రామాణిక సంకేతం
x.addEventListener("animationiteration", myRepeatFunction);
సంకేతం
object.addEventListener("webkitAnimationIteration", myScript); // Chrome, Safari మరియు Opera కొరకు సంకేతం
object.addEventListener("animationiteration", myScript); // ప్రామాణిక సంకేతం
పరిశీలనలు:Internet Explorer 8 లేదా అది ముంది సంస్కరణలు మద్దతు ఇవ్వలేదు addEventListener() పద్ధతి.
సాంకేతిక వివరాలు
| బాపింగ్ అవుతుంది: | మద్దతు ఉంది |
|---|---|
| రద్దు చేయగలిగే విధం: | మద్దతు లేదు |
| ఇవెంట్ రకం: | AnimationEvent |
| DOM సంస్కరణ: | స్థాయి 3 ఇవెంట్లు |
బ్రౌజర్ మద్దతు
పట్టికలో ఉన్న సంఖ్యలు ఆ ఇవెంట్ను పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ సంస్కరణను తెలుపుతుంది.
సంఖ్యల తర్వాత "webkit" లేదా "moz" ఉపపేరును ఉపయోగించిన మొదటి సంస్కరణను తెలుపుతుంది.
| ఇవెంట్లు | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| animationiteration | 4.0 webkit | 10.0 | 16.0 5.0 moz |
4.0 webkit | 15.0 webkit 12.1 |
పరిశీలనలు:Chrome, Safari మరియు Opera కొరకు webkitAnimationEnd ఉపయోగించండి.
సంబంధిత పేజీలు
CSS పాఠ్యక్రమం:CSS3 అనిమేషన్
CSS పరిశీలనా పుస్తకం:CSS3 animation అనునాని లక్షణం
CSS పరిశీలనా పుస్తకం:CSS3 animation-iteration-count అనునాని లక్షణం
HTML DOM పరికరం పరిశీలనా పుస్తకం:స్టైల్ ఆనిమేషన్ అట్రిబ్యూట్
