Как выполнить своё действие по окончанию таймера в 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

1
Создали блок CR35
2
Добавили код в блок Другое - Т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>
Made on
Tilda