Лічильник зворотного відліку на javaScript

Також такі лічильники використовуються на сторінках заглушках при створенні нової версії сайту – вони відраховують час до моменту відкриття оновленого сайту.

лічильник

Спочатку створюємо html-елемент, у якому виводитиметься лічильник. Наприклад, такий.

Тепер можна розпочинати програмування. Код вийде не дуже складний – складатиметься з однієї функції. Як аргумент вона прийматиме дату майбутньої події у вигляді об'єкта Date() і повертатиме кількість днів, годин, хвилин та секунд до цієї дати як результат своєї роботи.

Потім, після завантаження сторінки будуть визначатися параметри, з якими працюватиме функція, а саме дата події, яка передаватиметься в функцію, а також повідомлення та елементи сторінки, куди буде виводитись повідомлення та результат роботи функції.

Також у коді буде поставлена ​​умова: якщо поточна дата більша за передану дату події, тобто подія вже настала, функція викликатися не буде.

Як я і обіцяв, код вийшов зовсім нескладний. Тим не менш, потрібно звернути увагу на те, що дата передається у форматі об'єкта Date() , а саме, номер місяця відраховується з нуля (січень) до 11 (грудень). Те саме стосується годин (0-23), хвилин (0-59) та секунд (0-59), якщо час події також потрібно вказати.

У мережі я знайшов пару готовихjQuery countdown лічильників. У процесі пошуку часто траплялися платні лічильники, але якщо пошукати довше, то можна знайти і безкоштовні. Наприклад, ось ці:

Вибір, що саме використовувати, залишається за розробником: готові лічильники на jQuery або лічильник з цієї статті. Можливо, ви взагалі захочете написати якийсь свій варіант лічильника або покращити наведений вище код.