Применение метода setTimeout в JavaScript

С развитием Интернета популярность JavaScript как языка программирования возросла благодаря множеству полезных методов. Например, многие веб-сайты используют встроенную в JavaScript setTimeout способ отложить задачи. Метод setTimeout имеет множество вариантов использования, и его можно использовать для анимации, уведомлений и функциональных задержек выполнения.Поскольку JavaScript является однопоточным языком перевода, мы можем выполнять только одну задачу за раз. Однако, используя стеки вызовов, мы можем отложить выполнение кода, используя setTimeout метод. В этой статье мы собираемся познакомить вас с setTimeout метод и обсудите, как мы можем использовать его для улучшения нашего кода.

В setTimeout Метод - это встроенный метод, который принимает функцию обратного вызова в качестве аргумента и выполняет ее через заданный промежуток времени. Синтаксис для setTimeout метод выглядит следующим образом:

setTimeout (callbackFunction, задержка, аргументы…)

В callbackFunction функция, которую мы хотим выполнить по истечении заданного промежутка времени; в задерживать время в миллисекундах, по истечении которого мы хотим выполнить функцию обратного вызова; и аргументы другие параметры, которые мы хотим передать функции обратного вызова.

Теперь применим setTimeout метод. Сначала мы определяем функцию с именем linuxhintFunc выводит строку «Hello from Linuxhint.”

function linuxhintFunc ()
приставка.log ("Привет из Linuxhint.");

Далее мы звоним linuxhintFunc в setTimeout и обеспечить временную задержку 2000 мс (2 с).

setTimeout (linuxhintFunc, 2000)

После загрузки веб-страницы происходит задержка в 2 секунды перед вызовом функции. Мы можем выполнить ту же задачу, используя стрелочную функцию или анонимную функцию.

setTimeout (() =>
приставка.log ("Привет от Linuxhint");
, 2000)

Опять же есть задержка 2 с.

Обратите внимание setTimeout Метод - это асинхронный метод, что означает, что, хотя JavaScript является однопоточным языком, эта функция выполняется в другом потоке. В setTimeout помещает функцию в очередь стека вызовов и ждет, пока стек вызовов не освободится. Если мы попытаемся напечатать сообщение или запустить функцию в setTimeout без задержки, то это действие будет сначала переходить в начало очереди и запускаться, когда setTimeout метод выполняется.

приставка.log ("Привет от Linuxhint-1")
setTimeout (() =>
приставка.log ("Привет от Linuxhint-2")
, 0)
приставка.log ("Привет от Linuxhint-3")

Глядя на вывод, порядок вывода не такой, как у ввода. Следовательно setTimeout функция может задерживать выполнение кода.

Заключение

В этой статье рассказывается о встроенных в JavaScript setTimeout метод и обсудили, как мы можем его использовать. Мы надеемся, что вы что-то узнали из этой статьи и продолжаете изучать JavaScript с помощью linuxhint.ком.