जावास्क्रिप्ट में टाइमर शुरू करने के लिए बटन पर बार-बार क्लिक करना

मेरे द्वारा ऊपर दिया गया कोड, वास्तव में एक समस्या रखता है। यह समस्या तब प्रकट होती है जब हमारे बटन पर कई बार क्लिक किया जाता है। इस स्थिति में प्रत्येक क्लिक एक नए टाइमर के शुरू होने का कारण बनेगा।

यानी, उदाहरण के लिए, बटन पर तीन बार क्लिक करने से यह होगा कि तीन टाइमर शुरू हो जाएंगे, और इनमें से प्रत्येक टाइमर काउंटर का मान कंसोल में आउटपुट करेगा। इसका मतलब है, कि मान तीन गुना तेजी से बदलेंगे!

वर्णित समस्या के समाधान के लिए बस यह करना होगा कि बटन पर दोबारा क्लिक करने से टाइमर का नया शुरूआत न हो। उदाहरण के लिए, टाइमर शुरू होने के बाद बटन से बंधे क्लिक हैंडलर को अलग किया जा सकता है:

javascriptlet start = document.querySelector('#start');

start.addEventListener('click', function func() {
  let i = 0;
  
  setInterval(function() {
    console.log(++i);
  }, 1000);
  
  this.removeEventListener('click', func); // हैंडलर को अलग करते हैं
});