Как показать текущее время на сайте Tilda?

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

Модификация работает с включенным Autoscale в блоках

Модификация работает только с Zero Block

Номер модификации в библиотеке TiCode

Генератор кода

поделиться модификацией

Класс элемента

Секунды

Тип времени

войти

Войдите в аккаунт чтобы получить доступ к генератору кода

регистрация

оплатить

Этот генератор кода доступен только тем кто оплатил подписку

<script> document.addEventListener('DOMContentLoaded', function () { function TiCodeupdateTime(TCDTimeZone = false, timeZone = '') { const TCDnow = new Date(); const Tiopttime = { hour: '2-digit', minute: '2-digit', second: '2-digit', hour12: false }; if (TCDTimeZone && timeZone) { Tiopttime.timeZone = timeZone; } const TCDformatter = new Intl.DateTimeFormat([], Tiopttime); const TCDtimeString = TCDformatter.format(TCDnow); const timeElement = document.querySelector('.tcd-time .tn-atom'); if (timeElement) { timeElement.textContent = TCDtimeString; } } const TCDTimeZone = false; const TCDmyZone = 'Asia/Tokyo'; TiCodeupdateTime(TCDTimeZone, TCDmyZone); setInterval(() => TiCodeupdateTime(TCDTimeZone, TCDmyZone), 1000); }); </script> <script> (function TCDupdType() { const TildahtmlBclok = document.currentScript; if (TildahtmlBclok) { const recordElement = TildahtmlBclok.closest('.r[data-record-type]'); if (recordElement) { recordElement.setAttribute('data-record-type', Math.random().toString(36).substring(2, 12)); }}})(); </script>

КОПИРОВАТЬ КОД

1. Воздаем в зеро блок текстовый элемент и присваиваем класс tcd-time Вместо текста заглушки можно указать 00:00:00 00:00 (если не показываете секунды) чтобы проще было адаптировать.
Чтобы добавить класс, нажимаем на элемент правой кнопкой мыши и выбираем из списка "Add CSS Class Name" и далее, справа в настройках указываем класс

2. Указываем дополнительные настройки в генераторе:
Секунды - выключаем и отключаем вывод секунд в часах;
Тип времени — при выборе "локальное" на сайте будет отображаться время устройства пользователя. Если выбрать "временная зона", можно указать нужную временную зону.

3. Копируем код и вставляем в HTML блок T123. Блок кода размещаем под зеро Zero Block

Текущее время

00:00:00