Сейчас узнаем, какой подарок выпадет именно Вам
Крутите колесо
Ура, вы выиграли!
Ваш приз:
Годовой доступ
к видео на mo-ti -20%
по промокоду T19RAY
Промокод действителен 3 дня

Оформить доступ с промокодом
100
#2470a1
Как вставить таймер из блока 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 ZeroTimer(){
    const zeroDays = document.querySelector(".uc-timer-block .t415__days").innerHTML;
    
    const zeroHours = document.querySelector(".uc-timer-block .t415__hours").innerHTML;
    const zeroMinutes = document.querySelector(".uc-timer-block .t415__minutes").innerHTML;
    const zeroSeconds = document.querySelector(".uc-timer-block .t415__seconds").innerHTML;
    
    const timeTitle = zeroDays+' : '+zeroHours+' : '+zeroMinutes+' : '+zeroSeconds ;
    
    document.querySelector(".zero-timer .tn-atom").innerHTML = timeTitle;
    
};
ZeroTimer();
let timeinterval = setInterval(ZeroTimer,1000);

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