Window setInterval() विधि

विन्यास और उपयोग

setInterval() विधि को निर्दिष्ट समय अंतराल (मिलीसेकंड में) के लिए फ़ंक्शन को बुलाती है

setInterval() विधि फ़ंक्शन को नियमित रूप से बुलाती है clearInterval() या विंडो को बंद करें

टिप्पणी:1 सेकंड = 1000 मिलीसेकंड

सूचना

फ़ंक्शन केवल एक बार चलाना चाहते हैं तो setTimeout() विधि का इस्तेमाल करें

यदि आप अंतराल को साफ करना चाहते हैं तो setInterval() वापसी id

myInterval = setInterval(function, milliseconds);

तब आप clearInterval() यह कार्यकारी होने से रोकने के लिए

clearInterval(myInterval);

अन्य देखें:

clearInterval() विधि

setTimeout() विधि

clearTimeout() विधि

उदाहरण

उदाहरण 1

प्रति सेकंड "Hello" (1000 मिलीसेकंड) दिखाएं:

setInterval(function () {element.innerHTML += "Hello"}, 1000);

स्वयं प्रयोग करें

उदाहरण 2

प्रति सेकंड डिस्प्ले हेलो को बुलाएं:

setInterval(displayHello, 1000);

स्वयं प्रयोग करें

पेज के नीचे अधिक उदाहरण उपलब्ध हैं

व्याकरण

setInterval(function, milliseconds, param1, param2, ...)

पारामीटर

पारामीटर वर्णन
function अनिवार्य। कार्यान्वयन करने हेतु फ़ंक्शन
milliseconds

अनिवार्य। कार्यान्वयन के अंतराल

यदि मान 10 से कम है, तो 10 का इस्तेमाल करें
param1, param2, ...

वैकल्पिक। फ़ंक्शन को भेजे जाने वाले अतिरिक्त पारामीटर

IE9 और अधिक पुरानी संस्करण इसका समर्थन नहीं करते हैं

वापसी मान

टाइप वर्णन
संख्या

समयकाल का id।

कृपया इस id को clearInterval() समयकाल समाप्त करने के लिए एक साथ इस्तेमाल करें。

ब्राउज़र समर्थन

सभी ब्राउज़र समर्थन करते हैं setInterval()बिन्दु:

च्रोम आईई एज फ़ायरफॉक्स सफारी ऑपेरा
च्रोम आईई एज फ़ायरफॉक्स सफारी ऑपेरा
समर्थन समर्थन समर्थन समर्थन समर्थन समर्थन

अधिक उदाहरण

उदाहरण 3

घड़ी की तरह समय दिखाएं:

setInterval(myTimer, 1000);
function myTimer() {
  const date = new Date();
document.getElementById("demo").innerHTML = date.toLocaleTimeString();
}

स्वयं प्रयोग करें

उदाहरण 4

setInterval() का उपयोग करके घड़ी रोकें:

const myInterval = setInterval(myTimer, 1000);
function myTimer() {
  const date = new Date();
  document.getElementById("demo").innerHTML = date.toLocaleTimeString();
}
function myStopFunction() {
  clearInterval(myInterval);
}

स्वयं प्रयोग करें

उदाहरण 5

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 + '%';
    }
  }
}

स्वयं प्रयोग करें

उदाहरण 6

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);
}

स्वयं प्रयोग करें

उदाहरण 7

पारामीटर को फ़ंक्शन को सौंपें (IE9 और अधिक पुरानी संस्करणों में काम नहीं करता):

setInterval(myFunc, 2000, "param1", "param2");

स्वयं प्रयोग करें

परंतु यदि आप अनून्य फ़ंक्शन का उपयोग करते हैं, तो सभी ब्राउज़रों के लिए उपयोगी है:

setInterval(function() {myFunc("param1", "param2")}, 2000);

स्वयं प्रयोग करें