Уроки Javascript

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

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

Таймеры в языке 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 месяца

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

Изучение React JS / Redux библиотеки
9 уроков
Курс по React JS для начинающих
14 уроков
Изучение библиотек jQuery
24 урока
Создание приложения на React JS / Использование API
7 уроков
Изучение таск-менеджера Gulp 4
5 уроков
Уроки Node JS и Express для начинающих
17 уроков