Zero Block

Таймер отсчета до указанной даты в Zero Block

Модификация создает таймер отсчета времени до указанной даты. Полезно для сайтов с вебинарами, тренингами, встречами, где важна дата события.

Применение

Ввести нужную дату в требуемом формате.
1
Выбрать нужные опции. (Дни, часы, минуты, секунды)
2
Скопировать код и вставить на сайт.
3
Для элементов на сайте в Zero Block добавить соответствующие CSS классы (days, hours, minutes, seconds)
4
Дата события до которого ведется отсчет
Выберите нужные элементы для отображения
Как вставлять код на сайт? 👆
<script> $(document).ready(function() { let countdownDate = new Date("Jan 22, 2022 12:00:00").getTime(); let updateInterval = setInterval(function() { let now = new Date().getTime(); let difference = countdownDate - now; let days = Math.floor(difference / (1000 * 60 * 60 * 24)); let hours = Math.floor((difference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); let minutes = Math.floor((difference % (1000 * 60 * 60)) / (1000 * 60)); let seconds = Math.floor((difference % (1000 * 60)) / 1000); let daysWrapper = $('.days .tn-atom'); let hoursWrapper = $('.hours .tn-atom'); let minutesWrapper = $('.minutes .tn-atom'); let secondsWrapper = $('.seconds .tn-atom'); daysWrapper.html(days); hoursWrapper.html(('0' + hours).slice(-2)); minutesWrapper.html(('0' + minutes).slice(-2)); secondsWrapper.html(('0' + seconds).slice(-2)); if (difference < 0) { clearInterval(updateInterval); } }, 1000); }); </script>
Понравилась модификация?
Если модификация отрабатывает некорректно, не так как указано в описании или названии - пожалуйста сообщите! Можете отправить мне личное сообщение в Telegram или воспользоваться формой обратной связи.

Отблагодарить монеткой

Вы можете выразить благодарность, выбрав один из вариантов ниже
С каждой благодарности я покупаю вкусняшку своему франц. бульдогу

100 руб

250 руб

400 руб

Код скопирован в буфер обмена 🔥
Made on
Tilda