Иногда возникает необходимость задержать выполнение кода. Например, сделать так, чтобы отдельные строки выполнялись в какой-то определенный момент, а не синхронно со всем остальным кодом.
JavaScript это позволяет.
В этой статье мы познакомимся с методом setTimeout() и разберемся, как его использовать в своих программах.
Что собой представляет метод setTimeout() в JavaScript?
setTimeout() — асинхронный метод объекта window. Его роль — установка таймера для выполнения действия. Таймер определяет конкретный момент, который будет триггером для запуска этого действия.
Поскольку setTimeout() — часть объекта window, его также можно записать как window.setTimeout(). Но префикс window все равно подразумевается, поэтому обычно его опускают.
Синтаксис метода setTimeout()
Общий синтаксис метода setTimeout() выглядит так:
setTimeout(function_name, time);
Давайте разберем каждый элемент.
setTimeout() — метод, используемый для создания отложенных событий. Он принимает два обязательных параметра:
Как надолго задерживать дыхание? Главные правила и 3 упражнения — рекордсмен Алексей Молчанов
- function_name — имя функции обратного вызова, код которой должен быть выполнен. Имя функции работает как ссылка и указатель на определение функции, содержащей собственно блок кода.
- time — время, на которое программа должна отложить выполнение функции. Задается в миллисекундах (1 секунда = 1000 миллисекунд).
В целом, это означает, что setTimeout() выполнит код определенной функции один раз, по истечении заданного времени.
Это удобно, если функция достаточно короткая. При этом она может быть и анонимной. Тогда вы просто вставляете нужный код в setTimeout() в качестве первого параметра и не ссылаетесь на имя функции.
setTimeout(function() < // код функции >, time);
Также стоит отметить, что setTimeout() возвращает timeoutID — положительное число, определяющее таймер, созданный setTimeout(). В конце статьи мы разберем, как использовать значение timeoutID с методом clearTimeout().
Как установить задержку выполнения кода в N секунд в JavaScript
Давайте рассмотрим пример использования setTimeout().
// этот код выполняется первым console.log(«Where can I learn to code for free and get a developer job?»); // эта строка указывает, что определение функции будет выполнено по истечении 3 с setTimeout(codingCourse, 3000); // определение функции function codingCourse()
Код JavaScript выполняется сверху вниз.
Первая строка кода, console.log(«Where can I learn to code for free and get a developer job?»); , выполняется сразу после нажатия Run.
Вторая строка кода указывает, что должна быть задержка выполнения функции codingCourse() в 3000 мс (или 3 с).
Как только 3000 мс истекут, вы увидите, что код внутри функции ( console.log(«freeCodeCamp») ) успешно выполняется.
Давайте рассмотрим другой пример.
console.log(«Good Morning!»); setTimeout(function() < console.log(«Good Night!»); >, 1000); console.log(«Good Afternoon!»);
Здесь первая строка кода, console.log(«Good Morning!»); , выполняется сразу.
КАК УДЕРЖАТЬ СОТРУДНИКА, который ПЕРЕРОС компанию?
Строка console.log(«Good Afternoon!»); тоже выполняется сразу, несмотря на то, что это последняя строка в файле.
Код setTimeout() задает задержку в 1 секунду перед выполнением. Но в течение этого времени остальная часть кода выполняется в обычном режиме. В результате выполнение указанной строки откладывается, а вместо нее выполняется строка console.log(«Good Afternoon!»); .
Когда секунда проходит, запускается код в setTimeout().
Вы также можете передать в setTimeout() опциональные параметры.
В следующем примере функция greeting принимает два аргумента, phrase и name. Они передаются в метод setTimeout(), который задает задержку в 3 секунды перед вызовом функции.
function greeting(phrase,name) < console.log(`$, my name is $` ); > setTimeout(greeting, 3000,»Hello world»,»John Doe»);
Как использовать метод clearTimeout() в JavaScript
Что, если вы хотите отменить уже созданное отложенное событие?
Вы можете остановить выполнение кода в setTimeout() при помощи метода clearTimeout(). Вот здесь нам и пригодится timeoutID, о котором мы упоминали ранее.
Общий синтаксис метода clearTimeout() следующий:
clearTimeout(timeoutID)
Работает это так. Вы должны сохранить timeoutID, который возвращается при каждом вызове setTimeout(), в переменную.
Затем timeoutID используется как параметр для clearTimeout():
let timeoutID = setTimeout(function()< console.log(«Good Night»); >, 2000); clearTimeout(timeoutID); console.log(«Good Morning!»);
Теперь код в setTimeout() не будет выполнен.
В чем разница между setTimeout и setInterval ?
Методы setTimeout() и setInterval() имеют очень похожий синтаксис.
Вот синтаксис setInterval():
setInterval(function_name, time);
Но эти методы не взаимозаменяемы, работают они по-разному.
setTimeout() запускает действие один раз, а вот setInterval() — периодически.
В следующем примере функция codingCourse вызывается каждые три секунды:
console.log(«Where can I learn to code for free and get a developer job?»); setInterval(codingCourse, 3000); // определение функции function codingCourse()
setInterval() — хороший выбор для случаев, когда какое-то действие нужно повторять регулярно.
Вот и все! Мы познакомились с тем, как работает метод setTimeout(), и узнали, как задавать задержку выполнения кода в JavaScript.
Источник: techrocks.ru
Task. Delay Метод
Некоторые сведения относятся к предварительной версии продукта, в которую до выпуска могут быть внесены существенные изменения. Майкрософт не предоставляет никаких гарантий, явных или подразумеваемых, относительно приведенных здесь сведений.
Создает задачу, которая будет выполнена после некоторой временной задержки.
Перегрузки
Создает отменяемую задачу, которая завершается через заданное время.
Создает задачу, которая завершается через заданное время.
Создает задачу, которая завершается через заданное количество миллисекунд.
Создает отменяемую задачу, которая завершается через заданное количество миллисекунд.
Delay(TimeSpan, TimeProvider, CancellationToken)
public: static System::Threading::Tasks::Task ^ Delay(TimeSpan delay, TimeProvider ^ timeProvider, System::Threading::CancellationToken cancellationToken);
public static System.Threading.Tasks.Task Delay (TimeSpan delay, TimeProvider timeProvider, System.Threading.CancellationToken cancellationToken);
static member Delay : TimeSpan * TimeProvider * System.Threading.CancellationToken -> System.Threading.Tasks.Task
Public Shared Function Delay (delay As TimeSpan, timeProvider As TimeProvider, cancellationToken As CancellationToken) As Task
Параметры
timeProvider TimeProvider
cancellationToken CancellationToken
Возвращаемое значение
Применяется к
Delay(TimeSpan, CancellationToken)
Создает отменяемую задачу, которая завершается через заданное время.
public: static System::Threading::Tasks::Task ^ Delay(TimeSpan delay, System::Threading::CancellationToken cancellationToken);
public static System.Threading.Tasks.Task Delay (TimeSpan delay, System.Threading.CancellationToken cancellationToken);
static member Delay : TimeSpan * System.Threading.CancellationToken -> System.Threading.Tasks.Task
Public Shared Function Delay (delay As TimeSpan, cancellationToken As CancellationToken) As Task
Параметры
Время, в течение которого ожидается завершение возвращаемой задачи, или Timeout.InfiniteTimeSpan для неограниченного времени ожидания.
cancellationToken CancellationToken
Токен отмены, который нужно контролировать во время ожидания выполнения задачи.
Возвращаемое значение
Задача, представляющая временную задержку.
Исключения
delay представляет отрицательный интервал времени, отличный от Timeout.InfiniteTimeSpan .
Свойство delay аргумента TotalMilliseconds больше 4294967294 в .NET 6 и более поздних версиях или Int32.MaxValue во всех предыдущих версиях.
Задача была отменена.
Предоставленный объект cancellationToken уже удален.
Примеры
В следующем примере запускается задача, которая включает вызов метода с задержкой в Delay(TimeSpan, CancellationToken) 1,5 секунды. До истечения интервала задержки маркер отменяется. Выходные данные из примера показывают, что в результате TaskCanceledException возникает исключение , а свойству задач Status присваивается значение Canceled.
using System; using System.Threading; using System.Threading.Tasks; public class Example < public static void Main() < CancellationTokenSource source = new CancellationTokenSource(); var t = Task.Run(async delegate < await Task.Delay(TimeSpan.FromSeconds(1.5), source.Token); return 42; >); source.Cancel(); try < t.Wait(); >catch (AggregateException ae) < foreach (var e in ae.InnerExceptions) Console.WriteLine(«: «, e.GetType().Name, e.Message); > Console.Write(«Task t Status: «, t.Status); if (t.Status == TaskStatus.RanToCompletion) Console.Write(«, Result: «, t.Result); source.Dispose(); > > // The example displays output like the following: // TaskCanceledException: A task was canceled. // Task t Status: Canceled
open System open System.Threading open System.Threading.Tasks let source = new CancellationTokenSource() let t = Task.Run(fun () -> task < do!
Task.Delay(TimeSpan.FromSeconds(1.5), source.Token) return 42 >) source.Cancel() try t.Wait() with 😕 AggregateException as ae -> for e in ae.InnerExceptions do printfn $»: » printf $»Task t Status: » if t.Status = TaskStatus.RanToCompletion then printf $», Result: » source.Dispose() // The example displays output like the following: // TaskCanceledException: A task was canceled. // Task t Status: Canceled
Imports System.Threading Imports System.Threading.Tasks Module Example Public Sub Main() Dim source As New CancellationTokenSource() Dim t = Task.Run(Async Function() Await Task.Delay(TimeSpan.FromSeconds(1.5), source.Token) Return 42 End Function) source.Cancel() Try t.Wait() Catch ae As AggregateException For Each e In ae.InnerExceptions Console.WriteLine(«: «, e.GetType().Name, e.Message) Next End Try Console.Write(«Task t Status: «, t.Status) If t.Status = TaskStatus.RanToCompletion Then Console.Write(«, Result: «, t.Result) End If source.Dispose() End Sub End Module ‘ The example displays output like the following: ‘ TaskCanceledException: A task was canceled. ‘ Task t Status: Canceled
Обратите внимание, что этот пример включает потенциальное условие гонки: оно зависит от задачи, которая асинхронно выполняет задержку при отмене маркера. Хотя задержка в 1,5 секунды от вызова Delay(TimeSpan, CancellationToken) метода делает это предположение вероятным, тем не менее возможно, что вызов Delay(TimeSpan, CancellationToken) метода может вернуться до отмены маркера. В этом случае в примере выводятся следующие выходные данные:
Task t Status: RanToCompletion, Result: 42
#include #include . std::this_thread::sleep_for(std::chrono::nanoseconds(500000000));
2 вариант:
#include // для Unix систем . sleep(500);
3 вариант:
#include // для Win32 систем . Sleep(500);
4 вариант:
#include // для Win32 систем . delay(500);
Но конечно же, данные варианты не являются наилучшим способом для решения этой задачи.
В частности я бы сделал для змейки таймер(тактовый генератор), которые на каждый такт изменял бы позицию змейки на поле, а также генерировал новую еду для змейки к примеру и многое другое. Подробнее об этом вы можете прочитать здесь.
Источник: ru.stackoverflow.com