Сейчас узнаем, какой подарок выпадет именно Вам
Крутите колесо
Как вставить таймер из блока CR35 в ZeroBlock в Tilda ?
Packages
Take the first step & purchase NOW!
In one month you will thank yourself!
Prices a going up in:
Zero No Limit
73 : 00 : 44 : 20
дни
часы
минуты
секунды

Как вставить таймер из блока CR35 в ZeroBlock в Tilda

1
Создали ZeroBlock
2
Создаём в нём элемент Text и примерную надпись нашего таймера:
Например - 73 : 10 : 44 : 16
И задаём этому тексту класс zero-timer
3
Снизу таймера добавили подписи через 4 элемента Text
Дни , Часы, Минуты, Секунды
4
Добавляем таймер блок - CR35
Задаём ему класс uc-timer-block
5
Добавляем скрипт на страницу в блок ДРУГОЕ - Т123
Mo-ti Level Up
Видео инструкции по добавлению кода и работе с Zero Block.
Как вставить таймер из блока CR35 в ZeroBlock в Tilda
Длительность видео: 10 мин
Фрагмент видео
Библиотека для примера
<script>
document.addEventListener("DOMContentLoaded", function() {
    (function () {
        // Конфигурация: какие компоненты таймера отображать
        const config = {
            days: true,    // дни
            hours: true,    // часы
            minutes: true,  // минуты
            seconds: true   // секунды
        };
    
        function setZeroTimer() {
            const timerBlock = document.querySelector('.uc-timer-block');
            if (!timerBlock) {
                console.log("Блок таймера не найден");
                return;
            }
            
            const timeSelectors = [".t415__days", ".t415__hours", ".t415__minutes", ".t415__seconds"];
            const configKeys = ["days", "hours", "minutes", "seconds"];
            const timeValues = [];

            for (let selector of timeSelectors) {
                const timeElement = timerBlock.querySelector(selector);
                if (timeElement) {
                    timeValues.push(timeElement.innerHTML.trim());
                } else {
                    timeValues.push("00");
                }
            }
    
            const timeComponents = [];
            
            for (let i = 0; i < timeValues.length; i++) {
                if (config[configKeys[i]]) {
                    timeComponents.push(timeValues[i]);
                }
            }
            
            const timeTitle = timeComponents.join(" : ");
            
            const elements = document.querySelectorAll(".zero-timer .tn-atom");
            if (elements.length === 0) {
                return;
            }
            
            elements.forEach(element => {
                element.innerHTML = timeTitle;
            });
    
            if (timeValues.every(val => val === "00" || val === "0")) {
                console.log("Таймер истек");
                clearInterval(timeinterval);
            }
        }
        
        setZeroTimer();
        let timeinterval = setInterval(setZeroTimer, 1000);
 
    })();    
});    
</script>


<style>
[data-record-type="415"] {display:none}
</style>
Days
Hours
Minutes
Seconds
Made on
Tilda