కోర్సు సిఫార్సులు:

Window setInterval() పద్ధతి

setInterval() నిర్వచనం మరియు వినియోగం

setInterval() పద్ధతి ఫంక్షన్ను ప్రతి ప్రక్కన కాల్కులేటర్ సమయం (మిల్లీసెకన్లు వద్ద) కాల్కులేటర్ చేయబడుతుంది. clearInterval() లేదా విండోను మూసివేయండి.

ప్రకటన:1 సెకన్ = 1000 మిల్లీసెకన్లు.

హెచ్చరిక

ఫంక్షన్ను ఒకే సారి పనిచేయడానికి ఉపయోగించండి setTimeout() పద్ధతి.

కాల్కులేటర్ రద్దు చేయడానికి ఉపయోగించండి setInterval() తిరిగి వచ్చే ఐడి ని పొందండి:

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, ...)

పారామీటర్లు

పారామీటర్లు వివరణ
function అవసరమైన. పనిచేయవలసిన ఫంక్షన్
milliseconds

అవసరమైన. పనిచేయవలసిన అంతరం.

విలువ పది కంటే తక్కువగా ఉంటే, 10 వినియోగించండి.
param1, param2, ...

ఎంపిక. ఫంక్షన్కు పాస్ చేసిన అదనపు పారామీటర్లు.

IE9 మరియు ఆధికారిక సంస్కరణలు మద్దతు ఇవ్వవు

తిరిగి వచ్చే విలువ

రకం వివరణ
సంఖ్య

కాల్కులేటర్ ఐడి

ఈ id ను దానితో పెట్టుకొనండి clearInterval() కాల్కులేటర్ రద్దు చేయడానికి కలిసి ఉపయోగించండి.

బ్రాస్సర్ మద్దతు

అన్ని బ్రాస్సర్లు మద్దతు ఇస్తాయి setInterval()అని

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

మరిన్ని ఉదాహరణలు

ఉదాహరణ 3

స్మార్ట్వార్ వాల్యూ చేయండి:

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

స్వయంగా ప్రయత్నించండి

ఉదాహరణ 4

స్మార్ట్వార్ స్టాప్ చేయండి:

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

స్వయంగా ప్రయత్నించండి