AnimationEvent elapsedTime గుణం

DOM 事件 AnimationEvent

నిర్వచనం మరియు ఉపయోగం

ఎల్లప్పుడూ అనిమేషన్ ఇవేన్ట్ జరిగినప్పుడు elapsedTime గుణం అనిమేషన్ అనుసరించే సెకండ్లను తిరిగి చూపుతుంది.

ప్రత్యామ్నాయంగా:అనిమేషన్ పాజ్ చేయబడితే (క్రియా విలువలో ఉపయోగించబడే ఆనిమేషన్-డిలే అంశం ద్వారా), తిరిగి వచ్చే విలువ ప్రభావితం కాదు.

ప్రత్యామ్నాయంగా:కోసం animationstart 事件ఈ గుణం ఎల్లప్పుడూ "0" తిరిగి చూపుతుంది.

ప్రత్యామ్నాయంగా:ఈ గుణం కేవలం ఓడిట్ గా ఉంటుంది.

ఉదాహరణ

అనిమేషన్ అనుసరించే సెకండ్లను నిర్ధారించండి:

var x = document.getElementById("myDIV");
x.addEventListener("animationiteration", myRepeatFunction);
function myRepeatFunction(event) {
  this.innerHTML = "Elapsed time: " + event.elapsedTime;
}

మీరే ప్రయత్నించండి

సంకేతాలు

event.elapsedTime

సాంకేతిక వివరాలు

తిరిగి వచ్చే విలువ నమూనా విలువలు, అనిమేషన్ అనుసరించే సెకండ్లను సూచిస్తాయి.

బ్రౌజర్ మద్దతు

పట్టికలో అంకితమైన సంఖ్యలు ఈ గుణాన్ని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ సంస్కరణను సూచిస్తాయి.

గుణం క్రోమ్ ఐఈ ఫైర్ఫాక్స్ సఫారీ ఆపెరా
elapsedTime మద్దతు 10.0 6.0 మద్దతు మద్దతు

ప్రసంగం పేజీలు

HTML DOM 参考手册：animationstart 事件

HTML DOM 参考手册：animationiteration 事件

HTML DOM 参考手册：animationend 事件

HTML DOM 参考手册：AnimationEvent animationName 属性

CSS 参考手册：CSS3 animation 属性

CSS 参考手册：CSS3 animation-duration 属性

DOM 事件 AnimationEvent