Уроки 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 місяця

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

Уроки React Native для начинающих / Разработка приложения с нуля
Курс по React JS для початківців
11 уроків
Курс по NestJS с нуля / Разработка веб проектов
Фреймворк Next JS / Изучение NextJS для начинающих
Курс Nuxt JS / Изучение Nuxt.js фреймворка
Изучение стека MEAN: MongoDB, Express, Angular и Node JS
Коментарі
Додати коментар

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