AnimationEvent elapsedTime गुण
वर्णन और उपयोग
एलेप्सेड टाइम गुण एक एनिमेशन इवेंट होने पर एनिमेशन जो चला है वाले सेकंडों को वापस करता है।
टिप्पणी:यदि एनिमेशन रुकी है (CSS गुण animation-delay के द्वारा), तो वापसी मान प्रभावित नहीं होता है।
टिप्पणी:के लिए animationstart इवेंट، यह गुण हमेशा "0" वापस करता है।
टिप्पणी:यह गुण केवल पढ़ने ही है।
उदाहरण
निश्चित करें कि एनिमेशन कितने सेकंड चला है:
var x = document.getElementById("myDIV");
x.addEventListener("animationiteration", myRepeatFunction);
function myRepeatFunction(event) {
this.innerHTML = "Elapsed time: " + event.elapsedTime;
}
व्याकरण
इवेंट.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 अट्रिब्यूट
