The setInterval() метод у JavaScript використовується для повторення визначеної функції в кожному заданому інтервалі часу. Він обчислює вираз або викликає функцію через задані проміжки часу. Цей метод продовжує виклик функції до тих пір, поки вікно не буде закрито clearInterval() метод називається. Цей метод повертає числове значення або ненульове число, яке ідентифікує створений таймер.
На відміну від setTimeout() метод, в setInterval() метод викликає функцію кілька разів. Цей метод можна записати з або без вікно префікс.
Зазвичай використовуваний синтаксис setInterval() метод наведено нижче:
Синтаксис
window.setInterval(function, milliseconds);
Значення параметрів
Цей метод приймає два значення параметра функція і мілісекунд які визначаються наступним чином.
функція: Це функція, що містить блок коду, який буде виконано.
мілісекунди: Цей параметр представляє довжину інтервалу часу між кожним виконанням. Інтервал у мілісекундах. Він визначає, як часто буде виконуватися код. Якщо його значення менше 10, використовується значення 10.
Як зупинити виконання?
Ми можемо використовувати clearInterval() метод зупинки виконання функції, зазначеної в setInterval() метод. Значення, яке повертає setInterval() метод можна використовувати як аргумент clearInterval() метод скасування тайм-ауту.
Розберемося з використанням setInterval() за допомогою деяких ілюстрацій.
Приклад1
Це простий приклад використання setInterval() метод. Тут діалогове вікно сповіщення відображається з інтервалом у 3 секунди. Ми не використовуємо жодного методу, щоб зупинити виконання функції, зазначеної в setInterval() метод. Таким чином, метод продовжує виконання функції, поки вікно не закриється.
setInterval() method <h3> This is an example of using the setInterval() method </h3> <p> Here, the background color changes on every 200 milliseconds. </p> Stop var var1 = setInterval(color, 200); function color() { var var2 = document.body; var2.style.backgroundColor = var2.style.backgroundColor == 'lightblue' ? 'lightgreen' : 'lightblue'; } function stop() { clearInterval(var1); } Перевірте зараз Вихід
Колір фону почне змінюватися через 200 мілісекунд. При натисканні на вказаний СТІЙ кнопку, перемикання між кольорами буде зупинено на відповідному кольорі фону. Вихід після натискання кнопки буде -
