Tässä opetusohjelmassa opit JavaScript setInterval () -metodista esimerkkien avulla.
JavaScriptissä koodilohko voidaan suorittaa tietyin aikavälein. Näitä aikavälejä kutsutaan ajoitustapahtumiksi.
On olemassa kaksi tapaa suorittaa koodi tietyin väliajoin. He ovat:
- setInterval ()
- setTimeout ()
Tässä opetusohjelmassa opit setInterval()menetelmästä.
JavaScript setInterval ()
setInterval()Menetelmä toistaa koodiosion aina ja kaikkialla ajastustapahtuma.
JavaScripti setIntervalin yleisesti käytetty syntaksi on:
setInterval(function, milliseconds);
Sen parametrit ovat:
- function - toiminto, joka sisältää koodilohkon
- millisekuntia - ajanjakso toiminnon suorittamisen välillä
setInterval()Menetelmä palauttaa intervalID joka on positiivinen kokonaisluku.
Esimerkki 1: Näytä teksti kerran sekunnissa
// program to display a text using setInterval method function greet() ( console.log('Hello world'); ) setInterval(greet, 1000);
Tuotos
Hei maailma Hei maailma Hei maailma Hei maailma Hei maailma ….
Edellä olevassa ohjelmassa setInterval()menetelmä kutsuu greet()funktiota 1000 millisekunnin välein ( 1 sekunti).
Siksi ohjelma näyttää tekstin Hello world välein 1 sekunti.
Huomaa : setInterval()Menetelmä on hyödyllinen, kun haluat toistaa koodilohkon useita kertoja. Esimerkiksi viestin näyttäminen kiinteällä aikavälillä.
Esimerkki 2: Näyttöaika 5 sekunnin välein
// program to display time every 5 seconds function showTime() ( // return new date and time let dateTime= new Date(); // return the time let time = dateTime.toLocaleTimeString(); console.log(time) ) let display = setInterval(showTime, 5000);
Tuotos
"17:15:28" "17:15:33" "17:15:38"….
Yllä oleva ohjelma näyttää nykyisen ajan 5 sekunnin välein.
new Date()antaa nykyisen päivämäärän ja kellonajan. Ja toLocaleTimeString()palauttaa nykyisen ajan. Lisätietoja päivämäärästä ja kellonajasta on JavaScript-päivämäärä ja -aika.
JavaScript clearInterval ()
Kuten edellä olevasta esimerkistä näet, ohjelma suorittaa koodilohkon jokaisella määritetyllä aikavälillä. Jos haluat lopettaa tämän toimintopuhelun, voit käyttää clearInterval()menetelmää.
Menetelmän syntaksi clearInterval()on:
clearInterval(intervalID);
Tässä intervalIDon setInterval()menetelmän paluuarvo .
Esimerkki 3: Käytä clearInterval () -menetelmää
// program to stop the setInterval() method after five times let count = 0; // function creation let interval = setInterval(function()( // increasing the count by 1 count += 1; // when count equals to 5, stop the function if(count === 5)( clearInterval(interval); ) // display the current time let dateTime= new Date(); let time = dateTime.toLocaleTimeString(); console.log(time); ), 2000);
Tuotos
16:47:41 4:47:43 PM 16:47:45 16:47:47 PM 16:47:49 PM
Edellä olevassa ohjelmassa setInterval()menetelmää käytetään näyttämään nykyinen aika 2 sekunnin välein. clearInterval()Menetelmä pysäyttää toiminnon puhelun jälkeen 5 kertaa.
Voit myös siirtää setInterval()menetelmälle lisäargumentteja . Syntaksi on:
setInterval(function, milliseconds, parameter1,… .paramenterN);
Kun suoritettava ylimääräinen parametrit setInterval()menetelmä, nämä parametrit ( parameter1, parameter2jne) välitetään määritetyn toiminnon .
Esimerkiksi,
// program to display a name function greet(name, lastName) ( console.log('Hello' + ' ' + name + ' ' + lastName); ) // passing argument to setInterval setInterval(greet, 1000, 'John', 'Doe');
Tuotos
Hei John Doe Hei John Doe Hei John Doe….
Edellä olevassa ohjelmassa kaksi parametria Johnja Doene välitetään setInterval()menetelmälle. Nämä kaksi parametria ovat argumentit, jotka välitetään funktiolle (tässä, greet()funktio), joka on määritelty setInterval()menetelmän sisällä .
Huomaa: Jos haluat suorittaa toiminnon vain kerran, on parempi käyttää setTimeout () -menetelmää.
