Javascript setInterval ()

I den här handledningen lär du dig JavaScript-metoden setInterval () med hjälp av exempel.

I JavaScript kan ett kodblock köras i angivna tidsintervall. Dessa tidsintervall kallas tidshändelser.

Det finns två metoder för att köra kod med specifika intervall. Dom är:

  • setInterval ()
  • setTimeout ()

I den här handledningen lär du dig om setInterval()metoden.

JavaScript setInterval ()

Den setInterval()metod upprepar ett block av kod vid varje given tidpunkt händelse.

Den vanligaste syntaxen för JavaScript setInterval är:

 setInterval(function, milliseconds);

Dess parametrar är:

  • funktion - en funktion som innehåller ett kodblock
  • millisekunder - tidsintervallet mellan utförandet av funktionen

Den setInterval()metod returnerar ett intervalID som är ett positivt heltal.

Exempel 1: Visa en text en gång per sekund

 // program to display a text using setInterval method function greet() ( console.log('Hello world'); ) setInterval(greet, 1000);

Produktion

 Hej världen Hej världen Hej världen Hej världen Hej världen ….

I programmet ovan setInterval()kallar metoden greet()funktionen var 1000 millisekund ( 1 sekund).

Därav programmet visar texten Hello world gång varje 1 sekund.

Obs : Den setInterval()metoden är användbar när du vill upprepa ett block av kod flera gånger. Till exempel visar ett meddelande med ett fast intervall.

Exempel 2: Visningstid var 5: e sekund

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

Produktion

 "17:15:28" "17:15:33" "17:15:38" ….

Ovanstående program visar aktuell tid var femte sekund.

new Date()anger aktuellt datum och tid. Och toLocaleTimeString()returnerar aktuell tid. Om du vill veta mer om datum och tid besöker du JavaScript och datum.

JavaScript clearInterval ()

Som du har sett i exemplet ovan kör programmet ett kodblock vid varje specificerat tidsintervall. Om du vill stoppa det här funktionssamtalet kan du använda clearInterval()metoden.

Syntaxen för clearInterval()metoden är:

 clearInterval(intervalID);

Här intervalIDär setInterval()metodens returvärde .

Exempel 3: Använd clearInterval () -metoden

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

Produktion

 16:47:41 16:47:43 16:47:45 16:47:47 16:47:49

I ovanstående program, setInterval()är metoden som används för att visa aktuell tid var 2 sekunder. Den clearInterval()metod stoppar funktionsanrop efter 5 gånger.

Du kan också skicka ytterligare argument till setInterval()metoden. Syntaksen är:

 setInterval(function, milliseconds, parameter1,… .paramenterN);

När du passerar ytterligare parametrar till setInterval()metoden, dessa parametrar ( parameter1, parameter2kommer etc.) ska skickas till den angivna funktionen .

Till exempel,

 // program to display a name function greet(name, lastName) ( console.log('Hello' + ' ' + name + ' ' + lastName); ) // passing argument to setInterval setInterval(greet, 1000, 'John', 'Doe');

Produktion

 Hej John Doe Hej John Doe Hej John Doe ….

I ovanstående program, två parametrar Johnoch Doeskickas till setInterval()metoden. Dessa två parametrar är argumenten som kommer att skickas till funktionen (här, greet()funktion) som definieras i setInterval()metoden.

Obs! Om du bara behöver utföra en funktion en gång är det bättre att använda metoden setTimeout ().

Intressanta artiklar...