Јавасцрипт сетИнтервал ()

У овом упутству ћете научити о ЈаваСцрипт методи сетИнтервал () уз помоћ примера.

У ЈаваСцрипт-у, блок кода се може извршити у одређеним временским интервалима. Ови временски интервали се називају временским догађајима.

Постоје две методе за извршавање кода у одређеним интервалима. Су:

  • сетИнтервал ()
  • сетТимеоут ()

У овом упутству ћете научити о 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()методе.

Напомена: Ако функцију требате извршити само једном, боље је користити методу сетТимеоут ().

Занимљиви Чланци...