МетодыsetInterval() иclearInterval()

МетодыsetInterval() иclearInterval()

Метод setInterval() записывается в формате:

lettimerId = setInterval(someFunction, period)

здесь timerId – переменная, которая будет хранить ссылку на таймер

someFunction – функция, которая будет исполняться

period–отрезок времени, через которое будет выполняться функция someFunction

Ниже пример который добавляет 10-секундный таймер на страницу.

< div class=" seconds" > 10< /div> <! -- начальное значение таймера -->

<! -- jQuery -->

< script>

let seconds = $('. seconds'). text(); // считываем начальное значение таймера в переменную seconds

interval = setInterval(function() { // запускаем интервал

if (seconds > 0) { // если отсчет таймера не завершен

seconds--; // вычитаем 1

$('. seconds'). text(seconds); // выводим получившееся значение в блок

} else {// когда отсчет таймер завершен

clearInterval(interval); // очищаем интервал, чтобы он не продолжал работу при seconds = 0

$('. seconds'). text('Время вышло! '); // и меняем значение таймера на сообщение

}

}, 1000); // период для обновления таймера (1000 миллисекунд = 1 секунда)

< /script>

Задание.

Создайте таймер, который через 10 секунд после загрузки страницы отображает сообщение «Прошло 10 секунд».