ਕੋਰਸ ਸਿਫਾਰਸ਼ਾਂ:

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()ਪੰਜਾਬੀ :

ਚਰਮੋਨੀ ਆਈਈ ਐਂਜਲ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
ਚਰਮੋਨੀ ਆਈਈ ਐਂਜਲ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
ਸਪੋਰਟ ਸਪੋਰਟ ਸਪੋਰਟ ਸਪੋਰਟ ਸਪੋਰਟ ਸਪੋਰਟ