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

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

ਹਰੇਕ ਸੈਕੰਡ ਵਿੱਚ displayHello ਚਲਾਓ:

setInterval(displayHello, 1000);

ਸੁਭਾਵਿਕ ਰੂਪ ਵਿੱਚ ਪ੍ਰਯੋਗ ਕਰੋ

ਪੰਨੇ ਦੇ ਹੇਠਾਂ ਹੋਰ ਉਦਾਹਰਨ ਮਿਲਦੇ ਹਨ

ਸਿਧਾਂਤ

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

ਪੈਰਾਮੀਟਰ

ਵਾਪਸ ਦਿੱਤਾ ਗਿਆ ਮੁੱਲ

ਬਰਾਊਜ਼ਰ ਸਮਰਥਨ

ਸਾਰੇ ਬਰਾਊਜ਼ਰ ਇਸ ਨੂੰ ਸਮਰਥਨ ਕਰਦੇ ਹਨ 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

پارامٹر کو فانکشن کو دے دینا (آئی ای 9 اور اس سے پہلے کی نسلیں میں اثر انداز نہیں ہوتا):

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

ਸੁਭਾਵਿਕ ਰੂਪ ਵਿੱਚ ਪ੍ਰਯੋਗ ਕਰੋ

لیکن، اگر آپ انانیوم فانکشن استفادہ کریں، تو سبھی براوزرز کے لئے قابل استعمال ہوگا:

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

ਸੁਭਾਵਿਕ ਰੂਪ ਵਿੱਚ ਪ੍ਰਯੋਗ ਕਰੋ

ਟੂਲਬਾਕਸ

جاوا اسکریپت اور ایچ تی ام ال ڈوم مراجع دستور زبان

JavaScript ਇੰਸਟੈਂਸ

JavaScript ਟੈਸਟ

JavaScript ਸਿੱਖਿਆ

ਸਪਾਂਸਰ ਲਿੰਕ