Уроки Javascript

#13 – Создание таймеров и интервалов

#13 – Создание таймеров и интервалов

В языке JavaScript можно вызывать методы для выполнения отложенного кода. За урок мы научимся создавать интервалы, а также таймеры в языке Js. Нами будут изучены методы «setTimeout» и «setInterval».

Видеоурок

В 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 месяца

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

Изучение таск-менеджера Gulp 4
5 уроков
Создание динамического веб сайта
22 урока
Курс по React JS для начинающих
11 уроков
Практика React JS / Разработка магазина (eCommerce)
9 уроков
Уроки Node JS и Express для начинающих
13 уроков
Уроки Angular для начинающих
7 уроков
Комментарии
Добавить комментарий

Пока комментариев нет