Сейчас узнаем, какой подарок выпадет именно Вам

Крутите колесо

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

Оформить доступ с промокодом

100

#2470a1

Как выполнить своё действие по окончанию таймера в Tilda

Our website is almost ready

Create a targeted live campaign.
Scale your infrastructure with our simple service.

Days

Hours

Minutes

Seconds

Try Again

Как выполнить своё действие по окончанию таймера в Tilda

Создали блок CR35

Добавили код в блок Другое - Т123
Прописали заголовок, когда таймер закончится
$('.t415__title').html("Sorry(( Time's up!");

Mo-ti Level Up

Видео инструкции по добавлению кода и работе с Zero Block.

Получить полное видео

Посмотреть все видео

Выполняем скрытие и показ других блоков, переход на другую страницу, скрытие корзины после окончания таймера. Длительность видео: 23 минуты

Фрагмент видео

Посмотреть видео в личном кабинете ►

Библиотека для примера

<script>
$(document).ready(function(){
var TimerID="#rec165093716";    

function controlTimer(){
    var dayT =  Number.parseInt($(TimerID+' .t415__days').html());
    var hoursT =  Number.parseInt($(TimerID+' .t415__hours').html());
    var minuteT =  Number.parseInt($(TimerID+' .t415__minutes').html());
    var secondsT =  Number.parseInt($(TimerID+' .t415__seconds').html());
    var endtimeT = dayT+hoursT+minuteT+secondsT;
    if (endtimeT==0){
    
   $('.t415__title').text("Sorry(( Time's up!");
     
     clearInterval(meanTimer);   
    };
};        
controlTimer(); var meanTimer = setInterval(controlTimer,1000);
});
</script>

Для МегаТаймер

<script>
$(document).ready(function(){
var TimerID="#rec192797074";    
function controlTimer(){
    var dayT =  Number.parseInt($(TimerID+' span[id$="days"] span[id^="timer-number-value"]').html());
    var hoursT =  Number.parseInt($(TimerID+' span[id$="hours"] span[id^="timer-number-value"]').html());
    var minuteT =  Number.parseInt($(TimerID+' span[id$="minutes"] span[id^="timer-number-value"]').html());
    var secondsT =  Number.parseInt($(TimerID+' span[id$="secundes"] span[id^="timer-number-value"]').html());
    var endtimeT = dayT+hoursT+minuteT+secondsT;
  console.log(dayT+' '+hoursT+' '+minuteT+' '+secondsT+' '+endtimeT);
    if (endtimeT==0){
//Your action
     clearInterval(meanTimer);   
    };
};        
controlTimer(); var meanTimer = setInterval(controlTimer,1000);
});
</script>

<style>
div[id^="timer"] span {
    padding-left: 2px !important;
    padding-right: 2px !important;
}
@media screen and (min-width: 160px){
span[id^="timer-number"] {
    font-size: 20px !important;
}
.timer-separator {
    font-size: 20px !important;
}
}
@media screen and (min-width: 860px){
span[id^="timer-number"] {
    font-size: 40px !important;
}
.timer-separator {
    font-size: 40px !important;
}
}
@media screen and (min-width: 1200px){    
span[id^="timer-number"] {
    font-size: 60px !important;
}
.timer-separator {
    font-size: 60px !important;
}
}
@media screen and (max-width: 860px){
div[id^="timer"]  span {
    padding-left: 1px !important;
    padding-right: 1px !important;
}
}    
</style>