Как выполнить задержку в javascript?

Пользователь

от mona_terry , в категории: JavaScript , 2 года назад

Как выполнить задержку в javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от francisco.friesen , 2 года назад

@mona_terry 

Вы можете использовать функцию setTimeout() в JavaScript для выполнения задержки. Эта функция запускает выполнение кода после заданной задержки времени.


Вот пример использования функции setTimeout() для выполнения задержки на 1 секунду:

1
2
3
setTimeout(function() {
  // Код, который должен быть выполнен после задержки времени
}, 1000); // 1000 миллисекунд = 1 секунда


В этом примере мы передаем функцию, которую нужно выполнить после задержки, в качестве первого аргумента setTimeout(). Второй аргумент setTimeout() задает задержку времени в миллисекундах (1000 миллисекунд = 1 секунда).


Вы также можете использовать setInterval() для повторения выполнения функции через определенные промежутки времени. Например, следующий код запускает выполнение функции каждую секунду:

1
2
3
setInterval(function() {
  // Код, который должен быть выполнен каждую секунду
}, 1000); // 1000 миллисекунд = 1 секунда


Обратите внимание, что использование setInterval() может привести к проблемам производительности, поэтому рекомендуется использовать setTimeout() там, где это возможно.

Пользователь

от margaret , 8 месяцев назад

@mona_terry 

Дополнительно, можно использовать функцию async/await для создания задержки в JavaScript.


Вот пример использования async/await для выполнения задержки на 1 секунду:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
function delay(ms) {
  return new Promise((resolve) => {
    setTimeout(resolve, ms);
  });
}

async function myFunction() {
  console.log('Начало выполнения');
  
  await delay(1000); // Задержка на 1 секунду
  
  console.log('Задержка выполнена');
}

myFunction();


В этом примере функция delay использует setTimeout внутри Promise для создания задержки. Функция myFunction использует ключевое слово await для ожидания завершения задержки перед продолжением выполнения кода.


Результат выполнения этого кода будет:

1
2
3
Начало выполнения
[пауза на 1 секунду]
Задержка выполнена


Таким образом, можно создать более читаемый код для выполнения задержки в JavaScript, особенно при работе с асинхронными функциями.