Уроки Javascript

Урок #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);
}


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

Здесь схожая структура, только вот таймер не нужно очищать, так как они срабатывают лишь один раз:

setTimeout("simple()", 1500);

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

За счёт этих функций вы можете откладывать выполнение других функций на определенное количество времени.

Исходный код

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

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

Загрузка...

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

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

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

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

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

Создание динамического веб сайта
22 урока
Изучение React JS / Redux библиотеки
9 уроков
Изучение JavaScript: от нуля и до создания сайта
Уроки Node JS и Express для начинающих
17 уроков
Курс по React JS для начинающих
14 уроков
Изучение таск-менеджера Gulp 4
5 уроков
Комментарии для сайта Cackle