विंडो क्लियरइंटरवल ()
उदाहरण
हर सेकंड में एक बार समय प्रदर्शित करें। समय को रोकने के लिए clearInterval() का उपयोग करें:
const myInterval = setInterval(myTimer, 1000);
function myTimer() {
const date = new Date();
document.getElementById("demo").innerHTML = date.toLocaleTimeString();
}
function myStopFunction() {
clearInterval(myInterval);
}
नीचे और अधिक उदाहरण।
परिभाषा और उपयोग
विधि विधि के clearInterval()
साथ सेट किए गए टाइमर को साफ़ करती
setInterval()
है।
ध्यान दें
अंतराल को साफ़ करने के लिए, setInterval() से लौटाई गई आईडी का उपयोग करें:
myInterval = setInterval(function, milliseconds);
फिर आप clearInterval() को कॉल करके निष्पादन को रोक सकते हैं:
clearInterval(myInterval);
यह सभी देखें:
वाक्य - विन्यास
clearInterval(intervalId)
मापदंडों
Parameter | Description |
intervalId | Required. The interval id returned from setInterval(). |
प्रतिलाभ की मात्रा
कोई नहीं |
और ज्यादा उदाहरण
हर 500 मिलीसेकंड में एक बार दो पृष्ठभूमि रंगों के बीच टॉगल करें:
const myInterval = setInterval(setColor, 500);
function setColor() {
let x = document.body;
x.style.backgroundColor = x.style.backgroundColor == "yellow" ? "pink" : "yellow";
}
function stopColor() {
clearInterval(myInterval);
}
गतिशील प्रगति पट्टी बनाने के लिए setInterval() और clearInterval() का उपयोग करना:
function move() {
const element = document.getElementById("myBar");
let width = 0;
const id = setInterval(frame, 100);
function frame() {
if (width == 100) {
clearInterval(id);
} else {
width++;
element.style.width = width + '%';
}
}
}
ब्राउज़र समर्थन
clearInterval()
सभी ब्राउज़रों में समर्थित है:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |