Выполнение действия через интервал времени.

setInterval javascript или как "установить интервал" повторения действия в javascript. Что такое setInterval в javascript, примеры, где используется setInterval javascript. Как запустить setInterval!?

Подробно о setInterval в javascript

1. Что такое setInterval в javascript
2. Пример использования setInterval

Что такое setInterval в javascript

Дадим определение, "что такое setinterval javascript" - интернет разделился, и setinterval называют функцией и методом, но поскольку, большая часть web-а относит "setInterval" к методу, то мы склонимся в эту сторону :

setInterval - это один из способов повторять "некоторые"(прописанные заранее) действия в определенный промежуток времени.

Синтаксис setInterval javascript

intervalID = setInterval(func[, delay, param1, param2, ...]);

intervalID = setInterval(code[, delay]);

Аргументы setInterval javascript

Разберем синтаксис setInterval:

func - функция, которая будет вызываться с задержкой.

code - вместо функции, во втором варианте, может использоваться "JavaScript-код".

delay - интервал в миллисекундах(1 секунда = 1000 миллисекунд), через которое будет повторяться событие.(Если указано значение меньше 10, то используется значение 10.)

param1, param2, ... - параметры, которые будут переданы в качестве аргументов указанной функции.

intervalID - идентификатор, который может быть использован функцией clearInterval().

Пример использования setInterval javascript

Для того, чтобы запустить setInterval нажмите кнопку "setInterval через 3 секунды", alert будет показываться каждые 3 секунды.

setInterval через 3 секунды
setInterval



Пример использования setInterval

Но где может применяться setInterval? Я делал страницу о часах, либо(например) в таймере


Разберем пример использования setInterval

В выше пройденном пункте уже привели пример использования и мы его далее разберем...

Javascript

Объявим переменную вне функции

let example_var;

Сделаем функцию

function goSetInterval()

Вовнутрь помещаем нашу переменную, которая будет равна "setInterval" + код, +интервал 3 сек.

example_var = setInterval("alert('Выполнен setInterval 3 сек.');", 3000);

Html:

Нам понадобится кнопка button и атрибут(одновременно метод) onclick, который запустит нашу функцию "goSetInterval"

<button onclick="goSetInterval();" class="width_100">setInterval через 3 секунды</button>

Соберем весь код использования setInterval:

Html :

<button onclick="goSetInterval();" class="width_100">setInterval через 3 секунды</button>

Javascript :

<script>

let example_var;

function goSetInterval() {

example_var = setInterval("alert('Выполнен setInterval 3 сек.')", 3000);

}

</script>