Šioje pamokoje su pavyzdžių pagalba sužinosite apie „JavaScript setInterval ()“ metodą.
„JavaScript“ kodo bloką galima vykdyti nustatytais laiko intervalais. Šie laiko intervalai vadinami laiko įvykiais.
Yra du kodų vykdymo būdai tam tikrais intervalais. Jie yra:
- setInterval ()
- setTimeout ()
Šioje pamokoje sužinosite apie setInterval()metodą.
„JavaScript“ nustatytas intervalas ()
setInterval()Metodas kartojasi kodo bloką kiekvienam tikrą laiko nustatymo atveju.
Dažniausiai naudojama „JavaScript setInterval“ sintaksė yra:
setInterval(function, milliseconds);
Jo parametrai yra:
- funkcija - funkcija, turinti kodo bloką
- milisekundės - laiko tarpas tarp funkcijos vykdymo
setInterval()Metodas grąžina intervalID , kuri yra teigiamas sveikasis skaičius.
1 pavyzdys: Rodyti tekstą kartą per 1 sekundę
// program to display a text using setInterval method function greet() ( console.log('Hello world'); ) setInterval(greet, 1000);
Rezultatas
Sveikas pasaulis Sveikas pasaulis Sveikas pasaulis Sveikas pasaulis Sveikas pasaulis….
Ankstesnėje programoje setInterval()metodas iškviečia greet()funkciją kas 1000 milisekundžių ( 1 sekundė).
Taigi programa rodo tekstą Hello world kartą per 1 sekundę.
Pastaba : setInterval()metodas yra naudingas, kai norite kelis kartus pakartoti kodo bloką. Pavyzdžiui, rodyti pranešimą fiksuotu intervalu.
2 pavyzdys: rodymo laikas kas 5 sekundes
// 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);
Rezultatas
"17:15:28 PM" "17:15:33 PM" "17:15:38 PM"….
Pirmiau nurodyta programa rodo dabartinį laiką kas 5 sekundes.
new Date()nurodo dabartinę datą ir laiką. Ir toLocaleTimeString()grąžina dabartinį laiką. Norėdami sužinoti daugiau apie datą ir laiką, apsilankykite „JavaScript“ data ir laikas.
„JavaScript“ išvalykite intervalą ()
Kaip matėte aukščiau pateiktame pavyzdyje, programa vykdo kodo bloką kiekvienu nurodytu laiko intervalu. Jei norite sustabdyti šios funkcijos iškvietimą, galite naudoti clearInterval()metodą.
clearInterval()Metodo sintaksė yra:
clearInterval(intervalID);
Čia intervalIDyra setInterval()metodo grąžinimo vertė .
3 pavyzdys: naudokite metodą clearInterval ()
// 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);
Rezultatas
16:47:41 4:47:43 PM 16:47:45 16:47:47 16:47:49 16:47:49
Aukščiau pateiktoje programoje setInterval()metodas naudojamas dabartiniam laikui rodyti kas 2 sekundes. clearInterval()Metodas sustoja skambinimo funkcijos po 5 kartus.
Taip pat galite perduoti setInterval()metodui papildomų argumentų . Sintaksė yra:
setInterval(function, milliseconds, parameter1,… .paramenterN);
Kai setInterval()metodui perduosite papildomus parametrus , šie parametrai ( parameter1, parameter2ir kt.) Bus perduodami nurodytai funkcijai .
Pavyzdžiui,
// program to display a name function greet(name, lastName) ( console.log('Hello' + ' ' + name + ' ' + lastName); ) // passing argument to setInterval setInterval(greet, 1000, 'John', 'Doe');
Rezultatas
Sveiki, John Doe Sveiki, John Doe Sveiki, John Doe….
Pirmiau programą, du parametrai Johnir Doeyra perduodami į setInterval()metodą. Šie du parametrai yra argumentai, kurie bus perduoti funkcijai (čia, greet()funkcija), apibrėžtai setInterval()metodo viduje .
Pastaba: jei jums reikia tik vieną kartą vykdyti funkciją, geriau naudoti metodą setTimeout ().
