{"id":14291,"url":"\/distributions\/14291\/click?bit=1&hash=257d5375fbb462be671b713a7a4184bd5d4f9c6ce46e0d204104db0e88eadadd","hash":"257d5375fbb462be671b713a7a4184bd5d4f9c6ce46e0d204104db0e88eadadd","title":"\u0420\u0435\u043a\u043b\u0430\u043c\u0430 \u043d\u0430 Ozon \u0434\u043b\u044f \u0442\u0435\u0445, \u043a\u0442\u043e \u043d\u0438\u0447\u0435\u0433\u043e \u0442\u0430\u043c \u043d\u0435 \u043f\u0440\u043e\u0434\u0430\u0451\u0442","buttonText":"","imageUuid":""}
Разработка
Ден Ковалев

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

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

Для GetCourse

Добавляем блок “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 */ })

Для Tilda

Добавляем блок “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, технологии и фриланс:

Жизнь среди нулей и единиц
Авторский канал Дена Ковалева: про GetCourse, технологии и фриланс. Связаться со мной – @dek0valev
t.me

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

386 показов
192 открытия
0
Комментарии
Написать комментарий...
-3 комментариев
Раскрывать всегда