JavaScript

Изучение JavaScript от нуля до гуру

21 урок 65 заданий Справочник Компилятор

Урок #15 - Создание таймеров

Урок #15 - Создание таймеров


JavaScript

Таймеры в языке JavaScript являются важной темой, ведь благодаря таймерам вы можете выполнять какое-либо действие несколько раз. Кроме того, вы можете сами указывать нужный интервал, в котором код будет выполняться.

Видео урок:

В JavaScript есть два способа, которые позволяют вызывать функции через определенное количество времени. Рассмотрим оба эти способа.

Использование интервалов

Интервалы записываются через метод setInterval(). Отличительная черта интервалов от таймеров заключается в способе вызова функции. Интервалы вызывают функцию постоянно через определенное количество секунд. Таймер вызывает функцию всего один раз, после чего прекращает свою работу.

Для создания интервалов используйте следующую конструкцию:
// Будет вызвана функция someFunction через 1.5 секунды
setInterval("someFunction()", 1500);

function someFunction() {
  console.log("Функция срабатывает каждые 1,5 секунды");
}
Чтобы остановить интервал его необходимо записать в переменную, после чего очистить данные:
// Ссылка на интервал записывается в переменную
var linkInterval = setInterval("someFunction()", 1500);

function someFunction() {
  console.log("Функция срабатывает каждые 1,5 секунды");
  // Для остановки используйте метод clearInterval
  clearInterval(linkInterval);
}

Использование таймеров

Здесь схожая структура, только вот таймер не нужно "очищать" (clear), так как он сработает лишь один раз:
setTimeout("simple()", 1500);

function simple() {
   console.log("Функция будет вызвана лишь один раз через 1.5 секунды после старта программы");
}
Таким образом вы можете откладывать выполнение функций или же выполнять их бесконечное количество раз через определенные промежутки времени.

Исходный код

Весь код будет доступен после подписки на проект!

Онлайн редактор кода

Загрузка...

Задание к уроку

Необходимо оформить подписку на проект, чтобы получить доступ ко всем домашним заданиям!

Большое задание по курсу

Вам необходимо оформить подписку на сайте, чтобы получить большое задание. Такие задания есть к каждому курсу. В них входит задание, методика решения, а также "Готовое решение".
PS: подобные задания доступны при подписке от 1 месяца!


JavaScript

Также стоит посмотреть