Если вы создали сайт на Тильде и вам нужно добавить дату на завтра, то эта статья для вас. Этот метод позволяет добавить дату в любом месте сайта, и с наступлением нового дня она автоматически будет добавлена ​​завтра. Код выполнен на чистом JavaScript, что делает его универсальным и не требует добавления сторонних библиотек.

Поскольку JavaScript выполняется на стороне пользователя, а не на стороне сервера, есть нюансы. Например, у вас есть лендинг, который ведет на вебинар об автомобилях завтра в 12:00 по Москве. Но если пользователь приезжает из Новосибирска, его время на 4 часа больше, чем из Москвы. В Новосибирске новый день начнется в 20:00 по московскому времени. Пользователь из Новосибирска увидит, что вебинар состоится на следующий день, тогда как на самом деле он состоится сегодня (для него это новый день, а в Москве это еще старый день). Этот скрипт исправляет эту проблему. Прежде чем показывать завтрашнюю дату, мы проверим часовой пояс. Если пояс отличается от московского, то он будет конвертирован. В результате пользователь из Новосибирска после 20:00 увидит, что вебинар для него состоится сегодня в 12:00 по московскому времени.

Итак, давайте начнем. Во-первых, нам нужно дать уникальное имя тексту, который мы будем редактировать завтра. Я написал {date}. Вы можете написать что угодно, не обязательно заключать это в фигурные скобки.

Далее нам нужно получить доступ к консоли разработчика. Это может быть Ctrl+Shift+IИли F12. Или вы можете навести курсор на текст {date} щелкните правой кнопкой мыши и выберите Исследуйте предмет.

Если мы нажмем на нее F12 Или Ctrl+Shift+I Что:

  1. Выберите вкладку «Элементы» на панели разработчика.

  2. Нажмите на значок выбора элемента на странице.

  3. Наведите его на свой текст, где вы измените слово {date} по сей день. Нажмите на текст.

  4. После нажатия вы увидите справа элемент кода, где хранится ваш текст.

ЧИТАТЬ  Конечно, кнопка действия на iPhone 15 Pro великолепна, но Apple следует перенять эту ретро-функцию у Google Pixel.

Далее нам нужно скопировать JS-путь к этому тексту. Для этого наведите курсор на фрагмент кода правой кнопкой мыши. Выберите из раскрывающегося списка Копировать > Копировать путь JS

В результате вы скопируете что-то вроде этого: document.querySelector("#rec836932074 > div > div > div.t396__elem.tn-elem.tn-elem__8369320741733583543493 > div")

Сохраните его где-нибудь, он нам скоро понадобится.

Заходим на Тильду, переходим на нашу страницу, где мы будем редактировать текст. Прокрутите страницу вниз. Важно, чтобы код находился в самом низу страницы.

Добавьте блок HTML-кода.

Давайте откроем его. Нажмите Содержание.

Вставьте код:

Замените путь JS в самом верху третьей строки. Обязательно оставь это до конца ;

Нажмите Сохраните и закройте. И публиковать страница. Давайте проверим это.

На момент написания статьи 8 декабря. Завтра указано как должно быть. В полночь уже будет 10 декабря.

Вот и все. Если у вас есть вопросы, вы можете задать их в комментариях.

Если вы хотите получать трафик с Яндекс Директ или вам нужна помощь с версткой сайта, вы можете написать мне в Telegram: https://t.me/Hey_how_is_life.

Я поцеловала всех! ?

Source