clearTimeout() मेथड पहले से setTimeout() फ़ंक्शन द्वारा सेट किए गए टाइमआउट को क्लियर करता है। clearInterval() मेथड पहले से setInterval() फ़ंक्शन द्वारा सेट किए गए इंटरवल को क्लियर करता है।
उदाहरण
<!DOCTYPE html> <html> <head> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .timeout { margin-right: 170px; display: inline-block; width: 200px; height: 200px; } .interval { display: inline-block; width: 200px; height: 200px; } .stopTimeout { margin-right: 100px; } </style> </head> <body> <h1>clearTimeout() & clearInterval() मेथड</h1> <div class="timeout" style="background-color: blue;"></div> <div class="interval" style="background-color: blue;"></div> <br /> <button class="startTimeout" onclick="startTimeout()">टाइमआउट शुरू करें</button> <button class="stopTimeout" onclick="stopTimeout()">टाइमआउट रोकें</button> <button class="startInterval" onclick="startInterval()"> इंटरवल शुरू करें </button> <button class="stopInterval" onclick="stopInterval()">इंटरवल रोकें</button> <div class="resultInterval"></div> <div class="resultTimeout"></div> <script> let resInterval = document.querySelector(".resultInterval"); let resTimeout = document.querySelector(".resultTimeout"); function changeColor(ele) { if (ele.style.backgroundColor == "blue") { ele.style.backgroundColor = "red"; } else { ele.style.backgroundColor = "blue"; } } let timeout; function startTimeout() { timeout = setTimeout( changeColor.bind(this, document.querySelector(".timeout")), 1500 ); resTimeout.innerHTML = "टाइमआउट शुरू हो गया है"; } function stopTimeout() { clearTimeout(timeout); resTimeout.innerHTML = "टाइमआउट क्लियर हो गया है"; } let interval; function startInterval() { interval = setInterval( changeColor.bind(this, document.querySelector(".interval")), 1500 ); resInterval.innerHTML = "इंटरवल शुरू हो गया है"; } function stopInterval() { clearInterval(interval); resInterval.innerHTML = "इंटरवल क्लियर हो गया है"; } </script> </body> </html>
आउटपुट
“टाइमआउट शुरू करें” और “इंटरवल शुरू करें” बटन पर क्लिक करने और कुछ सेकंड इंतजार करने पर:
“टाइमआउट रोकें” और “इंटरवल रोकें” बटन पर क्लिक करने पर:
