सीएसएस एनिमेशन शुरू होने और जावास्क्रिप्ट के साथ समाप्त होने पर आप कैसे पता लगाते हैं?

Question

मुझे जावास्क्रिप्ट के साथ तत्व एनिमेट करने के लिए उपयोग किया गया था। मुझे CSS3 के साथ ऐसा करना आसान लगता है।

जावास्क्रिप्ट का उपयोग करके आप कैसे पता लगा सकते हैं कि एक सीएसएस एनीमेशन कब शुरू हुआ है और जब यह समाप्त हो गया है? क्या कोई रास्ता है?

Answer 1

तत्वों के लिए उचित घटनाओं को बांधें, उदा।

el.addEventListener("animationstart", function() {}, false); 
el.addEventListener("animationend", function() {}, false); 
el.addEventListener("animationiteration", function() {}, false); 

https://developer.mozilla.org/en-US/docs/CSS/Tutorials/Using_CSS_animations#Using_animation_events

ध्यान दें: आप के रूप में अच्छी उचित उपसर्ग के-घटनाओं को जोड़ने के लिए, उदाहरण के लिए आवश्यकता हो सकती है webkitAnimationEnd