В этом руководстве вы узнаете о методе JavaScript setInterval () с помощью примеров.
В JavaScript блок кода может выполняться через определенные промежутки времени. Эти временные интервалы называются временными событиями.
Есть два метода выполнения кода через определенные промежутки времени. Они есть:
- setInterval ()
- setTimeout ()
В этом руководстве вы узнаете о setInterval()методе.
JavaScript setInterval ()
setInterval()Метод повторяет блок кода в каждом данном случае синхронизации.
Обычно используемый синтаксис JavaScript setInterval:
setInterval(function, milliseconds);
Его параметры:
- function - функция, содержащая блок кода
- миллисекунды - временной интервал между выполнением функции
setInterval()Метод возвращает intervalID , который представляет собой положительное целое число.
Пример 1. Отображение текста раз в 1 секунду
// program to display a text using setInterval method function greet() ( console.log('Hello world'); ) setInterval(greet, 1000);
Вывод
Привет, мир, привет, мир, привет, мир, привет, мир….
В приведенной выше программе setInterval()метод вызывает greet()функцию каждые 1000 миллисекунд ( 1 секунду).
Следовательно, программа отображает текст Hello world раз в 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);
Вывод
«5:15:28 PM» «17:15:33 PM» «17:15:38 PM»….
Вышеупомянутая программа отображает текущее время каждые 5 секунд.
new Date()показывает текущую дату и время. И toLocaleTimeString()возвращает текущее время. Чтобы узнать больше о дате и времени, посетите JavaScript Дата и время.
JavaScript clearInterval ()
Как вы видели в приведенном выше примере, программа выполняет блок кода в каждый указанный интервал времени. Если вы хотите остановить этот вызов функции, вы можете использовать clearInterval()метод.
Синтаксис clearInterval()метода:
clearInterval(intervalID);
Здесь intervalID- возвращаемое значение setInterval()метода.
Пример 3: использование метода 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);
Вывод
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и . Эти два параметра являются аргументами, которые будут переданы функции (здесь, функции), которая определена внутри метода.DoesetInterval() greet()setInterval()
Примечание. Если вам нужно выполнить функцию только один раз, лучше использовать метод setTimeout ().
