Ден Ковалев

Разработка

Экспресс-настройка: Автосмена даты на лендинге GetCourse и Tilda за 5 минут

Эта статья будет полезна техническим специалистам онлайн-школ и начинающим предпринимателям. Решение подойдет для тех, кто настраивает автовебинары.

Добавляем блок “Javascript-код” (все блоки → вставка) на страницу и копируем туда код, представленный ниже. ⬇

В коде необходимо подставить свои значения (опирайтесь на комментарии над значениями). Текущие значения справедливы, если фразу “Сегодня, в 16:30 по МСК.” надо заменить после наступления 16:30 по МСК на фразу “Завтра, в 16:30 по МСК.”.

document.addEventListener("DOMContentLoaded", function(theevent) { // Здесь указываем часы проводимого события const targetHours = 16; // Здесь указываем минуты проводимого события const targetMinutes = 30; // Здесь указываем разницу во времени от UTC. Например, для Москвы это 3, а для Новосибирска – 7. const tz = 3; // Здесь указываем необходимый текст, который должен выводиться до указанного времени. let textBefore = `Сегодня, в ${targetHours}:${targetMinutes} по МСК.`; // Здесь указываем необходимый текст, который должен выводиться после указанного времени. let textAfter = `Завтра, в ${targetHours}:${targetMinutes} по МСК.`; // Селектор элемента. Задайте необходимому элементу css-класс thedate через настройки элемента. const selector = '.thedate p' /* code */ const now = new Date(); const hoursWithOffset = now.getUTCHours() + tz; let text = textBefore; if (hoursWithOffset > targetHours || (hoursWithOffset === targetHours && now.getUTCMinutes() >= targetMinutes)) { text = textAfter } const targetElements = document.querySelectorAll(selector); for (const el of targetElements) { el.textContent = text; } /* /code */ })

Добавляем блок “Javascript-код” (все блоки → вставка) на страницу и копируем туда код, представленный ниже. ⬇

В коде необходимо подставить свои значения (опирайтесь на комментарии над значениями). Текущие значения справедливы, если фразу “Сегодня, в 16:30 по МСК.” надо заменить после наступления 16:30 по МСК на фразу “Завтра, в 16:30 по МСК.”.

<script> document.addEventListener("DOMContentLoaded", function(theevent) { // Здесь указываем часы проводимого события const targetHours = 16; // Здесь указываем минуты проводимого события const targetMinutes = 30; // Здесь указываем разницу во времени от UTC. Например, для Москвы это 3, а для Новосибирска – 7. const tz = 3; // Здесь указываем необходимый текст, который должен выводиться до указанного времени. let textBefore = `Сегодня, в ${targetHours}:${targetMinutes} по МСК.`; // Здесь указываем необходимый текст, который должен выводиться после указанного времени. let textAfter = `Завтра, в ${targetHours}:${targetMinutes} по МСК.`; // Селектор элемента. Задайте необходимому элементу css-класс thedate через настройки элемента. const selector = '.thedate p' /* code */ const now = new Date(); const hoursWithOffset = now.getUTCHours() + tz; let text = textBefore; if (hoursWithOffset > targetHours || (hoursWithOffset === targetHours && now.getUTCMinutes() >= targetMinutes)) { text = textAfter } const targetElements = document.querySelectorAll(selector); for (const el of targetElements) { el.textContent = text; } /* /code */ }) </script>

Заказать оформление GetCourse, разработку чат-бота или создание интеграции: https://t.me/dek0valev

Мой telegram-канал про GetCourse, технологии и фриланс:

Жизнь среди нулей и единиц

P. S. Если после прочтения возникнет вопрос или предложение – горячо жду ваши комментарии в канале или под этим постом.

1

Начать дискуссию