Прескочи към основното съдържание Прескочи към навигацията
Допълнения към урока
Учебна програма Основи на програмирането с JavaScript
Основи на програмирането с JavaScript
7. Работа с DOM

Отлагане на събитията

Курсове Основи на програмирането с JavaScript Седмица 7 - Работа с DOM

Пълен достъп до курса: Не

За пълен достъп или безплатна проба (2 модула), моля влезте или се регистрирайте.

Предишен Следващ

Основи на програмирането с JavaScript В курса ще се научите как да пишете код с помощта на един от най-популярните програмни езици - JavaScript. Този курс е идеален за напълно начинаещи и ще ви помогне да разберете основите на програмирането, както и как да създавате интерактивни уеб приложения. Ще придобиете фундаментални умения, които ще ви позволят да създавате динамични уеб сайтове и да поставите основите си за развитие в областта на софтуерното програмиране.

Отлагане на изпълнението без блокиране на JavaScript

Отлагането на събития в JavaScript става чрез setTimeout и setInterval. Те позволяват да извикате функция след определено време, без да блокирате основната нишка (thread) на изпълнение. setTimeout изпълнява функцията еднократно след зададено време, а setInterval – многократно през определен интервал. Времето винаги се задава в милисекунди.

Стъпка по стъпка: как да тествате сами

  1. Създайте функция, например delayed(), която извежда текст с console.log().
  2. Използвайте setTimeout(delayed, 5000) – функцията ще се изпълни след 5 секунди (5000 ms).
  3. Заменете с setInterval(delayed, 5000) – функцията ще се изпълнява на всеки 5 секунди.
  4. Запазете резултата от setInterval в променлива, например intervalID.
  5. Вътре във функцията извикайте clearInterval(intervalID), за да спрете повторенията.
  6. Аналогично, за setTimeout използвайте clearTimeout(timeoutID).

Основни функции

  • setTimeout() – Изпълнява функция еднократно след зададено време (в ms).
  • setInterval() – Изпълнява функция многократно през фиксиран интервал (в ms).
  • clearTimeout() – Прекъсва планиран setTimeout.
  • clearInterval() – Спира активен интервал, създаден със setInterval.
  • console.log() – Извежда информация в конзолата за тестване и дебъгване.

Контролът върху времето на изпълнение е ключов при работа с DOM, анимации и интерактивни уеб приложения.

Дискусия към урока