Уроки Javascript

#13 – Створення таймерів та інтервалів

#13 – Створення таймерів та інтервалів

У мові JavaScript можна викликати методи виконання відкладеного коду. За урок ми навчимося створювати інтервали, а також таймери у мові Js. Нами будуть вивчені методи setTimeout і setInterval.

Відеоурок

Telegram group

Підписуйтесь на нашу групу в Телеграмі 🇺🇦

У JavaScript є дві функції, які дозволяють викликати інші функції через певний час.


Використання інтервалів

Інтервали записуються через метод setInterval(). Відмінна риса інтервалів від таймерів полягає у способі виклику функції. Інтервали викликають функцію постійно через проміжки часу. Таймер викликає функцію лише один раз, після чого припиняє свою роботу.


Для створення інтервалів використовуйте конструкцію:  

// Буде викликана функція someFunction через 1.5 секунди
setInterval(someFunction, 1500);

function someFunction() {
	console.log("Функція спрацьовує кожні 1,5 секунди");
}
Щоб зупинити інтервал його, необхідно записати в змінну, після чого очистити дані:
// Посилання на інтервал записується у змінну
var linkInterval = setInterval(someFunction, 1500);

function someFunction() {
	console.log("Функція спрацьовує кожні 1,5 секунди");
	// Для зупинки використовуйте метод clearInterval
	clearInterval(linkInterval);
}


Використання таймерів

Тут схожа структура, тільки таймер не потрібно очищати, тому що вони спрацьовують лише один раз:

setTimeout(simple, 1500);

function simple() {
	console.log("Функція буде викликана лише один раз через 1.5 секунд після старту програми");
}

За рахунок цих конструкцій можна відкладати виконання інших функцій на певний час.

Матеріали для курсу

Щоб завантажувати матеріали до відеокурсів, необхідно оформити підписку на сайт

Онлайн редактор коду

Завантаження...

Завдання до уроку

Необхідно оформити передплату на проект, щоб отримати доступ до всіх домашніх завдань

Велике завдання за курсом

Вам необхідно оформити передплату на сайті, щоб мати доступ до всіх великих завдань. У завдання входить методика рішення, а також готовий проект з відповіддю до завдання.
PS: подібні завдання доступні при підписці від 1 місяця

Також варто подивитися

Курс Nuxt JS / Изучение Nuxt.js фреймворка
Практика React JS / Разработка магазина (eCommerce)
Изучение стека MEAN: MongoDB, Express, Angular и Node JS
Створення динамічного веб-сайту
7 уроків
Курс по NestJS с нуля / Разработка веб проектов
Уроки Vue.js для начинающих
Коментарі
Додати коментар

Поки що коментарів немає