Window clearInterval() विधि

रोबोट और उपयोग

clearInterval() विधि का उपयोग करके मिटाएं setInterval() विधि सेट किए गए टाइमर।

सूचना

अगर अंतराल को मिटाना है, तो setInterval() प्राप्त id:

myInterval = setInterval(function, milliseconds);

तब आप clearInterval() अचरज को रोकने के लिए:

clearInterval(myInterval);

अन्य देखें:

setInterval() विधि

setTimeout() विधि

clearTimeout() 方法

实例

例子 1

每秒显示一次时间。使用 clearInterval() 停止时间：

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

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

例子 2

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

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

उदाहरण 3

setInterval() और clearInterval() का उपयोग करके गतिशील प्रगति पट्टी बनाएं:

function move() {
  const element = document.getElementById("myBar");
  let width = 0;
  const id = setInterval(frame, 100);
  function frame() {
    यदि (width == 100) {
      clearInterval(id);
    } अन्यथा {
      width++;
      element.style.width = width + '%';
    }
  }
}

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

व्याकरण

clearInterval(intervalId)

पारामीटर

पारामीटर वर्णन
intervalId आवश्यक। से setInterval() वापस दिये गए अंतराल आईडी

वापसी मान

नहीं है।

वर्णन

clearInterval() विधि चक्रीय रूप से चलने वाले निर्दिष्ट कोड को रोकेगी, इन कोड के साथ काम करना यह है कि setInterval() विधि चालू करने के लिए intervalId आवश्यक है कि यह बुलाया जाए setInterval() विधि के बाद का वापसी मान

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

सभी ब्राउज़र समर्थित है clearInterval()दूरी

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
सापोर्ट सापोर्ट सापोर्ट सापोर्ट सापोर्ट सापोर्ट