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() {
    if (width == 100) {
      clearInterval(id);
    } else {
      width++;
      element.style.width = width + '%';
    }
  }
}

亲自试一试

语法

clearInterval(intervalId)

参数

参数 描述
intervalId 必需。从 setInterval() 返回的间隔 id。

返回值

无。

说明

clearInterval() 方法将停止周期性执行的指定代码，对这些代码的操作是调用 setInterval() 方法 启动的。参数 intervalId 必须是调用 setInterval() 方法 后的返回值。

బ్రౌజర్ మద్దతు

అన్ని బ్రౌజర్లు మద్దతు ఇస్తాయి clearInterval()ముద్రించు

చ్రోమ్ ఐఇ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఒపెరా
చ్రోమ్ ఐఇ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఒపెరా
మద్దతు మద్దతు మద్దతు మద్దతు మద్దతు మద్దతు