Примеры использования функции setInterval в JavaScript

setInterval в JavaScript - это метод, позволяющий выполнять определенный код или функцию через определенный интервал времени.

Синтаксис метода setlnterval выглядит следующим образом:


setInterval(function, delay, [arg1, arg2, ...]);

где:

Пример 1:


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

В данном примере функция `sayHello` будет выполняться каждую секунду, выводя в консоль сообщение "Hello".

Пример 2:


function countDown(startNum) {
  console.log(startNum);
  startNum--;
  if (startNum > 0) {
    setTimeout(() => countDown(startNum), 1000); // вызываем countDown с задержкой в 1 секунду
  }
}
countDown(5);

В этом примере функция `countDown` будет считать в обратном направлении, начиная с числа 5 и заканчивая 1. Она будет вызывать саму себя с помощью `setTimeout` с задержкой в 1 секунду до тех пор, пока счетчик не станет меньше 1.

Пример 3:


let counter = 0;
function incrementCounter() {
  counter++;
  console.log("Counter: " + counter);
}
let intervalId = setInterval(incrementCounter, 500);
// Остановить выполнение функции через 3 секунды
setTimeout(() => {
  clearInterval(intervalId);
}, 3000);

В данном примере переменная `counter` увеличивается каждую половину секунды, и значение выводится в консоль. Также присваивается идентификатор интервала `intervalId`, чтобы можно было его остановить с помощью `clearInterval` через 3 секунды. Это полезно, если нужно ограничить время выполнения определенного кода.

Все вышеприведенные примеры демонстрируют использование метода setInterval в JavaScript для выполнения кода с определенной задержкой.

Похожие вопросы на: "setinterval js примеры "

Глобальный Python: новости, практики, курсы и советы
Как сделать текст жирным с помощью CSS
Background Color HTML: Choosing the Perfect Color for Your Website
Стэк: особенности и применение в программировании
Структура данных STL List в C++: реализация и применение
Генератор случайных чисел С: быстро, легко и надежно
Base32: кодирование и декодирование данных
Изучение grid gap: создание эффектных разделителей и отступов
Classification Report
<h1>Dict Values: A Comprehensive Guide