🤔 Что сделать, чтобы settimeout выполнился позже ?

Функция setTimeout используется для выполнения кода через определенное количество времени. Иногда возникает необходимость, чтобы setTimeout выполнялся позже или задержка была увеличена. Для этого можно изменить время задержки, переданное в качестве второго аргумента функции setTimeout.

🚩Пример использования setTimeout с увеличением задержки

🟠Если вам нужно, чтобы код выполнялся через более длительное время, вы можете просто увеличить значение задержки (в миллисекундах).

// Выполнить функцию через 2 секунды (2000 миллисекунд)
setTimeout(() => {
  console.log('Прошло 2 секунды');
}, 2000);

// Выполнить ту же функцию через 5 секунд (5000 миллисекунд)
setTimeout(() => {
  console.log('Прошло 5 секунд');
}, 5000);

🟠Динамическое изменение времени задержки
Если время задержки должно изменяться динамически в зависимости от определенных условий или переменных, вы можете использовать переменные для управления задержкой.

let delay = 3000; // Задержка в миллисекундах (3 секунды)

// Выполнить функцию через динамически заданное время
setTimeout(() => {
  console.log(`Прошло ${delay / 1000} секунд`);
}, delay);

🟠Увеличение задержки с течением времени
Иногда может потребоваться увеличивать задержку с течением времени или при выполнении определенных условий.

let delay = 1000; // Начальная задержка в миллисекундах (1 секунда)
let increment = 1000; // Увеличение задержки на 1 секунду

function delayedFunction() {
  console.log(`Функция выполнена после ${delay / 1000} секунд`);
  delay += increment; // Увеличить задержку
  setTimeout(delayedFunction, delay); // Вызвать функцию с новой задержкой
}

// Начальный вызов функции
setTimeout(delayedFunction, delay);

🟠Изменение существующей задержки
Если нужно изменить задержку для уже запланированного вызова setTimeout, этого сделать нельзя напрямую. Однако, можно отменить текущий таймер и запланировать новый с новой задержкой.

let timeoutId;
let delay = 2000; // Начальная задержка 2 секунды

function startTimeout() {
  timeoutId = setTimeout(() => {
    console.log('Таймер сработал');
  }, delay);
}

function changeDelay(newDelay) {
  clearTimeout(timeoutId); // Отменить текущий таймер
  delay = newDelay; // Обновить задержку
  startTimeout(); // Запланировать новый таймер с новой задержкой
}

// Запустить начальный таймер
startTimeout();

// Изменить задержку через 1 секунду
setTimeout(() => {
  changeDelay(5000); // Изменить задержку на 5 секунд
}, 1000);

Ставь 👍 и забирай 📚 Базу знаний