У овом упутству ћете научити о ЈаваСцрипт методи сетИнтервал () уз помоћ примера.
У ЈаваСцрипт-у, блок кода се може извршити у одређеним временским интервалима. Ови временски интервали се називају временским догађајима.
Постоје две методе за извршавање кода у одређеним интервалима. Су:
- сетИнтервал ()
- сетТимеоут ()
У овом упутству ћете научити о setInterval()
методи.
ЈаваСцрипт сетИнтервал ()
setInterval()
Начин понавља блок кода на сваком датом временско догађају.
Синтакса ЈаваСцрипт сетИнтервал која се најчешће користи је:
setInterval(function, milliseconds);
Његови параметри су:
- функција - функција која садржи блок кода
- милисекунде - временски интервал између извршавања функције
setInterval()
Метод враћа интервалИД који је позитиван цео број.
Пример 1: Прикажите текст једном у 1 секунду
// program to display a text using setInterval method function greet() ( console.log('Hello world'); ) setInterval(greet, 1000);
Оутпут
Здраво свет Здраво свет Здраво свет Здраво свет Здраво свет….
У горњем програму, setInterval()
метода позива greet()
функцију сваких 1000 милисекунди ( 1 секунда).
Отуда програм приказује текст Хелло ворлд једном у 1 секунди.
Напомена : setInterval()
Метода је корисна када желите да поновите блок кода више пута. На пример, приказивање поруке у одређеном интервалу.
Пример 2: Приказ времена на сваких 5 секунди
// 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);
Оутпут
„17:15:28“ „17:15:33“ „17:15:38“….
Горњи програм приказује тренутно време једном на 5 секунди.
new Date()
даје тренутни датум и време. И toLocaleTimeString()
враћа тренутно време. Да бисте сазнали више о датуму и времену, посетите ЈаваСцрипт датум и време.
ЈаваСцрипт цлеарИнтервал ()
Као што сте видели у горњем примеру, програм извршава блок кода у сваком наведеном временском интервалу. Ако желите да зауставите овај позив функције, тада можете да користите clearInterval()
метод.
Синтакса clearInterval()
методе је:
clearInterval(intervalID);
Овде intervalID
је повратна вредност setInterval()
методе.
Пример 3: Користите методу цлеарИнтервал ()
// 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);
Оутпут
16:47:41 16:47:43 16:47:45 16:47:47 16:47:49
У горе наведеном програму setInterval()
метода се користи за приказ тренутног времена сваке 2 секунде. clearInterval()
Начин зауставља функцију позив након 5 пута.
Методи такође можете проследити додатне аргументе setInterval()
. Синтакса је:
setInterval(function, milliseconds, parameter1,… .paramenterN);
Када прођете додатне параметре у setInterval()
поступку, ови параметри ( parameter1
, parameter2
итд) ће бити усвојен са наведеном функцијом .
На пример,
// program to display a name function greet(name, lastName) ( console.log('Hello' + ' ' + name + ' ' + lastName); ) // passing argument to setInterval setInterval(greet, 1000, 'John', 'Doe');
Оутпут
Здраво Јохн Дое Здраво Јохн Дое Здраво Јохн Дое….
У горњој програму два параметра John
и Doe
прођу прву setInterval()
методу. Ова два параметра су аргументи који ће се проследити функцији (овде greet()
функција) која је дефинисана унутар setInterval()
методе.
Напомена: Ако функцију требате извршити само једном, боље је користити методу сетТимеоут ().