Frontend | Вопросы собесов

🤔 Что сделать, чтобы 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);

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