Различия

Показаны различия между двумя версиями страницы.

--- periodichni_vikonannja [2024/01/09 10:14]
tro
+++ periodichni_vikonannja [2024/01/09 10:20] (текущий)
tro
@@ Строка 1: / Строка 1: @@
 ====== Періодичні виконання ======
 ===== setTimeout (встановлення таймеру) =====
-**setTimeout** (nameFunction, 1000)			- викликає указанную функуию один раз через 1000мс
+**setTimeout** (nameFunction, 1000)			- викликає указанную функуию** один раз** через 1000мс
 <code>
 const timerId = setTimeout(callback, delay, arg1, arg2, ...);
@@ Строка 26: / Строка 27: @@
 </code>
 ===== clearTimeout (скачування таймеру) =====
-Метод clearTimeout(id)приймає ідентифікатор таймера та “очищає його”, тобто видаляє реєстрацію відкладеного виклику функції з черги.
+**clearTimeout(id)** - приймає ідентифікатор таймера та “очищає його”, тобто видаляє реєстрацію відкладеного виклику функції з черги.
 <code>
 const greet = () => {
@@ Строка 35: / Строка 36: @@
 clearTimeout(timerId);
+</code>
+===== setInterval (встановлення інтервалу) =====
+**setInterval()** — це простий спосіб повторення коду знову і знову з певним інтервалом.
+<code>
+const intervalId = setInterval(callback, delay, arg1, arg2, ...);
+</code>
+<code>
+const startBtn = document.querySelector(".js-start");
+startBtn.addEventListener("click", () => {
+  const intervalId = setInterval(() => {
+    console.log(`Interval ID: ${intervalId}, ${Math.random()}`);
+  }, 1000);
+});
+</code>
+===== clearInterval (скачування інтервалу) =====
+**clearInterval(id)** — приймає ідентифікатор інтервалу та очищає його, тобто видаляє виклики, зареєстровані переданим інтервалом з асинхронної черги.
+<code>
+const greet = () => {
+  console.log("Hello!");
+};
+const intervalId = setInterval(greet, 3000);
+clearInterval(intervalId);
 </code>