Основы работы с функцией setInterval в JavaScript

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

Для работы с таймерами в JavaScript используется функция setInterval, которая запускает заданный код через определенные промежутки времени.

Эта функция работает следующим образом: первым параметром она принимает исходный код функции, а вторым параметром - интервал, через который эта функция будет автоматически вызываться. Второй параметр задается в миллисекундах (1000 миллисекунд = 1 секунда).

Давайте изучим работу функции на каком-нибудь примере. Например, напишем код, который каждую секунду будет что-нибудь выводить в консоль.

Для начала сделаем функцию, выводящую что-нибудь в консоль:

function timer() {
	console.log('!');
}

А теперь с помощью setInterval заставим созданную нами функцию выполнятся каждую секунду:

setInterval(timer, 1000);

function timer() {
	console.log('!');
}

Не обязательно создавать отдельную функцию - можно просто в первый параметр setInterval передать анонимную функцию, вот так:

setInterval(function() {
	console.log('!');
}, 1000);

Запустите таймер, который каждые 3 секунды будет что-нибудь выводить в консоль.