У овом упутству ћете научити о ЈаваСцрипт методи сетТимеоут () уз помоћ примера.
setTimeout()
Начин извршава блок кода након одређеног времена. Метода извршава код само једном.
Синтакса ЈаваСцрипт сетТимеоут која се најчешће користи је:
setTimeout(function, milliseconds);
Његови параметри су:
- функција - функција која садржи блок кода
- милисекунде - време након којег се функција извршава
setTimeout()
Метод враћа интервалИД , што је позитиван цео број.
Пример 1: Прикажите текст једном након 3 секунде
// program to display a text using setTimeout method function greet() ( console.log('Hello world'); ) setTimeout(greet, 3000); console.log('This message is shown first');
Оутпут
Ова порука је приказан први Хелло ворлд
У горњем програму, setTimeout()
метода позива greet()
функцију након 3000 милисекунди ( 3 секунде).
Стога програм приказује текст Хелло ворлд само једном након 3 секунде.
Напомена : setTimeout()
Метода је корисна када желите да извршите блок једном након неког времена. На пример, приказивање поруке кориснику након наведеног времена.
setTimeout()
Метод враћа интервал ид. На пример,
// program to display a text using setTimeout method function greet() ( console.log('Hello world'); ) let intervalId = setTimeout(greet, 3000); console.log('Id: ' + intervalId);
Оутпут
Ид: 3 Здраво свете
Пример 2: Приказ времена сваке 3 секунде
// program to display time every 3 seconds function showTime() ( // return new date and time let dateTime= new Date(); // returns the current local time let time = dateTime.toLocaleTimeString(); console.log(time) // display the time after 3 seconds setTimeout(showTime, 3000); ) // calling the function showTime();
Оутпут
17:45:39 17:45:43 17:45:47 17:45:50…
Горњи програм приказује време сваке 3 секунде.
setTimeout()
Метод позива функцију само једном након временског интервала (овде 3 секунде).
Међутим, у горњем програму, будући да се функција сама позива, програм приказује време сваке 3 секунде.
Овај програм ради неограничено (док се меморија не потроши).
Напомена : Ако требате извршити функцију више пута, боље је користити setInterval()
методу.
ЈаваСцрипт цлеарТимеоут ()
Као што сте видели у горњем примеру, програм извршава блок кода након наведеног временског интервала. Ако желите да зауставите овај позив функције, можете користити clearTimeout()
метод.
Синтакса clearTimeout()
методе је:
clearTimeout(intervalID);
Овде intervalID
је повратна вредност setTimeout()
методе.
Пример 3: Користите методу цлеарТимеоут ()
// program to stop the setTimeout() method let count = 0; // function creation function increaseCount()( // increasing the count by 1 count += 1; console.log(count) ) let id = setTimeout(increaseCount, 3000); // clearTimeout clearTimeout(id); console.log('setTimeout is stopped.');
Оутпут
сетТимеоут је заустављен.
У горе наведеном програму setTimeout()
метода се користи за повећање вредности бројања након 3 секунде. Међутим, clearTimeout()
метода зауставља позивање функције setTimeout()
методе. Стога се вредност броја не повећава.
Напомена : Методу обично користите clearTimeout()
када треба да откажете setTimeout()
позив методе пре него што се догоди.
Методи такође можете проследити додатне аргументе setTimeout()
. Синтакса је:
setTimeout(function, milliseconds, parameter1,… .paramenterN);
Када прођете додатне параметре у setTimeout()
поступку, ови параметри ( parameter1
, parameter2
итд) ће бити усвојен са наведеном функцијом .
На пример,
// program to display a name function greet(name, lastName) ( console.log('Hello' + ' ' + name + ' ' + lastName); ) // passing argument to setTimeout setTimeout(greet, 1000, 'John', 'Doe');
Оутпут
Здраво Јохн Дое
У горњој програму два параметра John
и Doe
прођу прву setTimeout()
методу. Ова два параметра су аргументи који ће се проследити функцији (овде greet()
функција) која је дефинисана унутар setTimeout()
методе.
Препоручено читање: ЈаваСцрипт асинц () и аваит ()