परिचय
जावास्क्रिप्ट में चल रहे फ़ंक्शन को रोकने के लिए, हम setInterval() द्वारा लौटाए गए टाइमर ID को स्टोर करते हैं और बाद में clearInterval() का उपयोग करके इसे रद्द करते हैं। यह पैटर्न दोहराए जाने वाले कार्यों (पॉलिंग, एनिमेशन, आदि) को रोकने के लिए सामान्य है।
उदाहरण
<!DOCTYPE html> <html lang="hi"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>फ़ंक्शन रोकें</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> </head> <body> <button type="button" id="call">फ़ंक्शन कॉल करें</button> <button type="button" id="halt">फ़ंक्शन निष्पादन रोकें</button> <script> document.getElementById("call").addEventListener("click", callFunction); document.getElementById("halt").addEventListener("click", haltFunction); let timeValue = null; function callFunction() { timeValue = setInterval(function() { console.log("call() निष्पादित हो रहा है...."); }, 1000); } function haltFunction() { clearInterval(timeValue); console.log("फ़ंक्शन रोका गया"); } </script> </body> </html>
आउटपुट
जब आप "फ़ंक्शन कॉल करें" बटन पर क्लिक करते हैं, तो यह फ़ंक्शन निष्पादित करेगा। फ़ंक्शन को रोकने के लिए, फ़ंक्शन निष्पादन रोकें बटन पर क्लिक करें।
स्नैपशॉट निम्नानुसार है:
चलाने के निर्देश
उपरोक्त प्रोग्राम को चलाने के लिए, फ़ाइल का नाम anyName.html (index.html) सेव करें और फ़ाइल पर राइट-क्लिक करके VS कोड एडिटर में "Open with Live Server" विकल्प चुनें।
संबंधित मेथड्स
setTimeout()/clearTimeout()- एकल विलंबित निष्पादनrequestAnimationFrame()/cancelAnimationFrame()- एनिमेशन लूपAbortController- फेच रिक्वेस्ट्स और आधुनिक APIs कैंसल करने के लिए
नोट
सिंक्रोनस लॉन्ग-रनिंग फ़ंक्शन्स को बीच में रोका नहीं जा सकता (जावास्क्रिप्ट सिंगल-थ्रेडेड है)। इसके लिए Web Workers या कोड को छोटे चंक्स में विभाजित करें।
