Рубрики
Без рубрики

JavaScript Settimeout () – Как установить таймер в JavaScript или спать для n секунд

Этот учебник поможет вам понять, как работает встроенный метод JavaScript SettimeOut () с интуитивно понятными примерами кода. Как использовать SettimeOut () в методе JavaScriptTheThe Setimeout () позволяет выполнить кусок кода после прошедшего времени определенного времени. Вы можете думать о методе как

Этот учебник поможет вам понять, как встроенный метод JavaScript Setimeate () Работает с интуитивно понятными примерами кода.

Как использовать SettimeOut () в JavaScript

Setimeate () Метод позволяет выполнить кусок кода после определенного количества времени. Вы можете подумать о способе способа установить таймер для запуска кода JavaScript в определенное время.

Например, код ниже будет печать «Hello World» на консоль JavaScript через 2 секунды прошло:

setTimeout(function(){
    console.log("Hello World");
}, 2000);

console.log("setTimeout() example...");

Код выше будет сначала печатать «Settimeout () пример …» на консоль, а затем печатать «Hello World», когда два секунды прошли, поскольку код был выполнен JavaScript.

Setimeate () Синтаксис метода следующий:

setTimeout(function, milliseconds, parameter1, parameter2, ...);

Первый параметр Setimeate () Метод – это JavaScript Функция что вы хотите выполнить. Вы можете написать Функция Прямо при прохождении его, или вы также можете обратиться к именованной функции, как показано ниже:

function greeting(){
  console.log("Hello World");
}

setTimeout(greeting);

Далее вы можете пройти Миллисекунды Параметр, который будет в течение того, что JavaScript будет подождать, прежде чем выполнять код.

Одна секунда равна одной тысячам миллисекунды, поэтому, если вы хотите дождаться 3 секунды, вам нужно пройти 3000 Как второй аргумент:

function greeting(){
  console.log("Hello World");
}

setTimeout(greeting, 3000);

Если вы опускаете второй параметр, то Setimeate () немедленно выполнит пропущенные Функция без ожидания вообще.

Наконец, вы также можете пройти дополнительные параметры в Setimeate () Метод, который вы можете использовать внутри Функция следующее:

function greeting(name, role){
  console.log(`Hello, my name is ${name}`);
  console.log(`I'm a ${role}`);
}

setTimeout(greeting, 3000, "Nathan", "Software developer");

Теперь вы можете думать: «Почему бы просто не пройти параметры непосредственно к функции?»

Это потому, что если вы передаете параметры напрямую, как это:

setTimeout(greeting("Nathan", "Software developer"), 3000);

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

Вот почему, если вам нужно пройти какие-либо параметры на функцию, вам нужно пройти их из Setimeate () метод.

Но, честно говоря, я никогда не нашел необходимости передавать дополнительные параметры для Setimeate () Метод в моей роли в качестве разработчика программного обеспечения, так что не беспокойтесь об этом 😉

Как отменить метод Settimeout

Вы также можете помешать Setimeate () Способ выполнения Функция Используя Clearimeout () метод.

Clearimeout () Метод требует ID возвращено Setimeate () знать, какой Setimeate () Способ отменить:

clearTimeout(id);

Вот пример Clearimeout () Метод в действии:

const timeoutId = setTimeout(function(){
    console.log("Hello World");
}, 2000);

clearTimeout(timeoutId);
console.log(`Timeout ID ${timeoutId} has been cleared`);

Если у вас есть несколько Setimeate () Методы, то вам нужно сохранить идентификаторы, возвращаемые каждым вызовом метода, а затем вызовите Clearimeout () метод столько раз, сколько нужно, чтобы очистить их все.

Заключение

JavaScript Setimeate () Метод представляет собой встроенный метод, который позволяет вам время выполнить выполнение определенного функция . Вы должны пройти время, чтобы дождаться в Миллисекунды , что означает дождаться одной секунды, вам нужно пройти тысячу Миллисекунды Отказ

Отменить Setimeate () Метод запуска, вам нужно использовать Clearimeout () Метод, передача значения идентификатора, возвращаемое при вызове Setimeate () метод.

Спасибо за чтение этого учебника

Если вы хотите узнать больше о JavaScript, вы можете проверить мой сайт на Sebhastian.com, где я опубликовал Более 100 учебных пособий о программировании с JavaScript Все используют простые для понимания объяснений и примеров кода.

Учебники включают в себя строковые манипулирование, манипулирование дату, методы массива и объектов, решения JavaScript Algorithm и многое другое.

Оригинал: “https://www.freecodecamp.org/news/javascript-settimeout-how-to-set-a-timer-in-javascript-or-sleep-for-n-seconds/”

Читайте ещё по теме: