Mwongozo wa masomo:

Window setInterval() method

setInterval() Maadili na matumizi

setInterval() Method inatumika kwa kuzungumza kila muda kwa muda wa kuzungumza kwa ajili ya sekunde (kwa millisekunde). clearInterval() au kumfunga tofauti.

Maelezo:1 sekunde = 1000 millisekunde.

Msaada

Kuondoa kufanya kazi mara moja tu, tumia setTimeout() method.

Kuondoa matokeo wa kuzungumza, tumia setInterval() Id wa kuzungumza wa kuzalisha:

myInterval = setInterval(function, milliseconds);

Kisha unaweza kutumia clearInterval() kufikia kumaliza kufanya kazi:

clearInterval(myInterval);

Tafadhali tazama:

clearInterval() method

setTimeout() method

clearTimeout() method

Mifano

Mifano 1

Inarudia kila sekunde "Hello" (1000 millisekunde):

setInterval(function () {element.innerHTML += "Hello"}, 1000);

Kutafutia kwa kina

Mifano 2

Inatumika kila sekunde displayHello:

setInterval(displayHello, 1000);

Kutafutia kwa kina

Mifano inayopatikana chini ya ukurasa.

Inayofaa kuzungumza

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

Makusanyiko

Makusanyiko kuonyesha
function Inayotumika. Kifaa kinayotumika kuzungumza.
milliseconds

Inayotumika. Muda wa kuzungumza.

Ikiwa thamani ni chini ya 10, tumia 10.
param1, param2, ...

Inayotumika. Mabaki ya uharibifu wa kumpatikana kwa kifaa.

IE9 na zaidi ya zile hazikubadilika.

Mwanzo wa uharibifu

Aina kuonyesha
numbering

ID ya matokeo wa kuzungumza.

Tafadhali wakiliana hii id na clearInterval() Tumia pamoja kuondoa matokeo wa kuzungumza.

Wakiliano wa wasiliana

Wakiliano wote wote za wasiliana setInterval()maana:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Inahushaa Inahushaa Inahushaa Inahushaa Inahushaa Inahushaa

Mafano zaidi

Mfano 3

Tumia saati ya kompyuta kumonisha wa kike:

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

Kutafutia kwa kina

Mfano 4

Tumia clearInterval() kumaliza saati ya kompyuta:

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

Kutafutia kwa kina

Mfano 5

Tumia setInterval() na clearInterval() kufanya kichwa cha msaada wa nguvu:

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 + '%';
    }
  }
}

Kutafutia kwa kina

Mfano 6

Wachagia mabaki barua mbili kila 500 miti:

const myInterval = setInterval(setColor, 500);
function setColor() {
  let x = document.body;
  x.style.backgroundColor = x.style.backgroundColor == "yellow" ? "pink" : "yellow";
}
function stopColor() {
  clearInterval(myInterval);
}

Kutafutia kwa kina

Mfano 7

Pase hifadhi ujumbe kwa funga (hakufaa katika IE9 na kufuatilia):

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

Kutafutia kwa kina

Tangua, kama una tumia funga jina jingine, inafaa kwa barabara zote:

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

Kutafutia kwa kina