Zero block
Click "Block Editor" to enter the edit mode. Use layers, shapes and customize adaptability. Everything is in your hands.
21 : 2: 2 : 2
create your own block from scratch
д.
ч.
м.
с.
Инструкция
  • 1
    Создаем zero block
    В zero создали текстовый блок для будущего таймера. задаем нужный стиль. Формат текста «00 : 00 : 00 : 00»
  • 2
    Через инспектор кода копируем класс текстового элемента
    Правая кнопка мыши на нужном элементе → посмотреть код.
    Класс текстового элемента имеет вид «tn_text_1470233923389»
  • 3
    Добавляем блок с таймером CR35
    В этом блоке производим настройку таймера
  • 4
    Скрипт вставить в блок T123
    В скрипте указать класс текстового элемента из zero-block из пункта 2.
<style>
    /*Скрываем блок с таймером*/
[data-record-type="415"] {
    display:none;
}
</style>
<script>
$( document ).ready(function() {
 function ZeroTimer(){
     var zeroDays = $('.t415__days ').html();
     var zeroHours = $('.t415__hours').html();
     var zeroMinutes = $('.t415__minutes').html();
     var zeroSeconds = $('.t415__seconds').html();
//Описываем строку со таймером     
     var timeTitle = zeroDays+' : '+zeroHours+' : '+zeroMinutes+' : '+zeroSeconds ;
//Выводим таймер в текстовом поле ZeroBlock
     $('[field="tn_text_1470233923389"]').text(timeTitle);
    };
    ZeroTimer();
    var timeinterval = setInterval(ZeroTimer,1000);
});   
</script>