Различия

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

--- periodichni_vikonannja [2023/07/29 16:21]
tro создано
+++ periodichni_vikonannja [2024/01/09 10:20] (текущий)
tro
@@ Строка 1: / Строка 1: @@
 ====== Періодичні виконання ======
-**setTimeout** (nameFunction, 1000)			- візівает указанную функуию один раз через 1000мс
+===== setTimeout (встановлення таймеру) =====
+**setTimeout** (nameFunction, 1000)			- викликає указанную функуию** один раз** через 1000мс
+<code>
+const timerId = setTimeout(callback, delay, arg1, arg2, ...);
+</code>
+  * callback — функція, виклик якої необхідно запланувати
+  * delay — час у мілісекундах, через який callback-функція буде викликана один раз
+  * arg1, arg2 тощо) не обов’язкові і будуть передані callback функції під час виклику.
+Результатом виклику setTimout() буде цифровий ідентифікатор створеного таймера, який потім може бути використаним для його подальшого скасування.
+<code>
+const button = document.querySelector("button");
+const onClick = () => {
+  const timerId = setTimeout(() => {
+    console.log("I love async JS!");
+  }, 2000);
+  console.log(timerId);
+};
+button.addEventListener("click", onClick);
+</code>
+===== clearTimeout (скачування таймеру) =====
+**clearTimeout(id)** - приймає ідентифікатор таймера та “очищає його”, тобто видаляє реєстрацію відкладеного виклику функції з черги.
+<code>
+const greet = () => {
+  console.log("Hello!");
+};
+const timerId = setTimeout(greet, 3000);
+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>