Скрытие и показ блоков на Tilda по таймеру

Предыстория

В одном проекте проводили большую распродажу. Сайт был сделан на Тильде и была необходимость скрыть блок с кнопками в определенное время. И после этого включить блок Продажи закрыты.

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

Решила поделиться им тут

<script>

document.addEventListener('DOMContentLoaded', function() {

const now = new Date();

const moscowTimezoneOffset = '+03:00';

// --- 1. НАСТРОЙКА СКРЫТИЯ БЛОКОВ ---

// Укажите дату и время, ПОСЛЕ которой блоки нужно СКРЫТЬ.

// Если скрывать ничего не нужно, оставьте строку пустой: const hideDateTimeString = '';

const hideDateTimeString = '2025-11-28T00:00:00';

// Впишите ID блоков, которые нужно СКРЫТЬ.

// Если таких блоков нет, оставьте массив пустым: const blocksToHide = [];

const blocksToHide = ['#rec111111111', '#rec222222222'];

// --- 2. НАСТРОЙКА ПОКАЗА БЛОКОВ ---

// Укажите дату и время, ПОСЛЕ которой блоки нужно ПОКАЗАТЬ.

// Если показывать ничего не нужно, оставьте строку пустой: const showDateTimeString = '';

const showDateTimeString = '2025-12-01T09:00:00';

// Впишите ID блоков, которые нужно ПОКАЗАТЬ (они должны быть скрыты в настройках Tilda).

// Если таких блоков нет, оставьте массив пустым: const blocksToShow = [];

const blocksToShow = ['#rec333333333', '#rec444444444'];

// --- КОНЕЦ НАСТРОЙКИ (дальше код лучше не трогать) ---

// Логика для скрытия

if (hideDateTimeString && blocksToHide.length > 0) {

const hideDate = new Date(hideDateTimeString + moscowTimezoneOffset);

if (now >= hideDate) {

blocksToHide.forEach(function(blockId) {

const block = document.querySelector(blockId);

if (block) block.style.display = 'none';

});

}

}

// Логика для показа

if (showDateTimeString && blocksToShow.length > 0) {

const showDate = new Date(showDateTimeString + moscowTimezoneOffset);

if (now >= showDate) {

blocksToShow.forEach(function(blockId) {

const block = document.querySelector(blockId);

if (block) block.style.display = 'block';

});

}

}

});

</script>

Здесь указываете нужное время по мск

const showDateTimeString = '2025-12-01T09:00:00'

Меняете ID блоков на свои.

Обязательно протестируйте на отдельной тестовой странице перед установкой на рабочий сайт

Если будут вопросы - пишите в Telegram