- setTimeout (). setInterval () - призначені для установки (активації) таймера. Після активації таймер починає відміряти проміжок часу. Після того як певний проміжок часу відміряно, таймер спрацьовує. Спрацьовування таймера означає запуск деякого коду, який вказаний як параметр методу.
- clearTimeout (). clearInterval () - призначені для припинення роботи (зупинки) таймера. Дані методи містять всього один обов'язковий параметр - це ідентифікатор (id) таймера, який потрібно зупинити. Ідентифікатор (id) таймера можна отримати при установці (активації) таймера, тобто даний ідентифікатор повертають методи setTimeout () і setInterval () як результат свого виконання.
Під час свого виконання таймер не зупиняють роботу користувача з веб-сторінкою. Це відбувається через те, що він працює з нею паралельно (асинхронно).
Методи setTimeout () і clearTimeout ()
Метод setTimeout () має два обов'язкових параметра:
Наприклад, створимо на сторінці 2 кнопки. При натисканні на першу кнопку на екрані буде відображатися кількість секунд, що пройшли з моменту її натискання. При натисканні на другу кнопку будемо зупиняти виконання даного процесу.
Методи setInterval () і clearInterval ()
Метод setInterval () має два обов'язкових параметра:
Для припинення роботи даного таймера призначений метод clearInterval (). якому в якості параметра необхідно передати унікальний ідентифікатор (id) таймера. Цей ідентифікатор можна отримати при установці таймера, тобто його повертає метод setInterval (). Також таймер припиняє свою роботу при закритті вікна.
Наприклад, створимо цифровий годинник: