Основи на работа с функцията 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 секунди ще извежда нещо в конзолата.