विंडो सेटइंटरवल ()
उदाहरण
हर सेकंड (1000 मिलीसेकंड) "हैलो" प्रदर्शित करें:
setInterval(function () {element.innerHTML += "Hello"}, 1000);
कॉल डिस्प्ले हैलो हर सेकेंड:
setInterval(displayHello, 1000);
नीचे और अधिक उदाहरण।
परिभाषा और उपयोग
setInterval()
विधि निर्दिष्ट अंतराल (मिलीसेकंड में) पर एक फ़ंक्शन को कॉल करती है ।
setInterval()
विधि तब तक फ़ंक्शन को कॉल करना जारी रखती है जब तक
कि कॉल नहीं किया clearInterval()
जाता है, या विंडो बंद हो जाती है।
1 सेकंड = 1000 मिलीसेकंड।
ध्यान दें
फ़ंक्शन को केवल एक बार निष्पादित करने के लिए, setTimeout()
इसके बजाय विधि का उपयोग करें।
अंतराल को साफ़ करने के लिए, setInterval() से लौटाई गई आईडी का उपयोग करें:
myInterval = setInterval(function, milliseconds);
फिर आप clearInterval() को कॉल करके निष्पादन को रोक सकते हैं:
clearInterval(myInterval);
यह सभी देखें:
वाक्य - विन्यास
setInterval(function, milliseconds, param1, param2, ...)
मापदंडों
Parameter | Description |
function | Required. The function to execute |
milliseconds | Required. The execution interval. If the value is less than 10, 10 is used |
param1, param2, ... | Optional. Additional parameters to pass to the function Not supported in IE9 and earlier. |
प्रतिलाभ की मात्रा
प्रकार | विवरण |
एक संख्या | टाइमर की आईडी। टाइमर को रद्द करने के लिए इस आईडी का उपयोग clearInterval() के साथ करें। |
और ज्यादा उदाहरण
उदाहरण
डिजिटल घड़ी की तरह समय प्रदर्शित करें:
setInterval(myTimer, 1000);
function myTimer()
{
const date = new Date();
document.getElementById("demo").innerHTML = date.toLocaleTimeString();
}
उदाहरण
डिजिटल घड़ी को रोकने के लिए clearInterval() का उपयोग करना:
const myInterval = setInterval(myTimer, 1000);
function myTimer() {
const date = new Date();
document.getElementById("demo").innerHTML = date.toLocaleTimeString();
}
function myStopFunction()
{
clearInterval(myInterval);
}
उदाहरण
गतिशील प्रगति पट्टी बनाने के लिए setInterval() और clearInterval() का उपयोग करना:
function move() {
const element = document.getElementById("myBar");
let width = 0;
let id = setInterval(frame, 10);
function frame() {
if (width == 100) {
clearInterval(id);
} else {
width++;
element.style.width = width + '%';
}
}
}
उदाहरण
हर 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);
}
उदाहरण
फ़ंक्शन के लिए पैरामीटर पास करें (IE9 और इससे पहले के संस्करण में काम नहीं करता है):
setInterval(myFunc, 2000, "param1", "param2");
हालांकि, यदि आप किसी अज्ञात फ़ंक्शन का उपयोग करते हैं तो यह सभी ब्राउज़रों में काम करता है:
setInterval(function() {myFunc("param1", "param2")}, 2000);
ब्राउज़र समर्थन
setInterval()
सभी ब्राउज़रों में समर्थित है:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |