JS setInterval - регулярное выполнение кода через определенные промежутки времени

Javascript функция setInterval()

JavaScript функция setInterval() используется для повторного выполнения заданной функции или блока кода через определенные промежутки времени. Это полезное средство для создания периодических или циклических действий на клиентской стороне веб-приложений. Давайте рассмотрим примеры использования setInterval() и реализацию некоторых функций с помощью данного метода.

Пример 1: Простая периодическая функция

setInterval(function() {
  console.log("Hello, world!");
}, 1000);

В этом примере функция setInterval() запускает анонимную функцию каждую секунду (через 1000 миллисекунд). В результате в консоли будет выводиться сообщение "Hello, world!" каждую секунду.

Пример 2: Периодическая функция с параметрами

function greet(name) {
  console.log("Hello, " + name + "!");
}

var intervalId = setInterval(function() {
  greet("John");
}, 2000);

В данном примере определена функция greet(), принимающая параметр "name" и выводящая приветствие с этим именем. Метод setInterval() вызывает эту функцию каждые 2 секунды и передает аргумент "John". В результате консоль будет выводить "Hello, John!" каждые 2 секунды.

Пример 3: Остановка выполнения setInterval()

var counter = 0;

function incrementCounter() {
  counter++;
  console.log("Counter: " + counter);
  
  if (counter === 5) {
    clearInterval(intervalId);
    console.log("Interval stopped!");
  }
}

var intervalId = setInterval(incrementCounter, 1000);

В этом примере переменная counter увеличивается на 1 каждую секунду, пока не достигнет значения 5. Когда это происходит, метод clearInterval() останавливает повторение функции incrementCounter() и выводится сообщение "Interval stopped!" в консоль.

Теперь вы понимаете, как использовать setInterval() для периодического выполнения функций или блоков кода в JavaScript. Ключевым фактором является задание временного интервала между каждым повторением и определение функции, которая должна быть выполнена. Это мощный инструмент при разработке динамических и интерактивных веб-приложений. Надеюсь, эти примеры помогли вам лучше понять, как использовать setInterval() в своих проектах.