- Добавляем блок CR35. Удаляем обложку и все наполнение кроме даты, времени и пояса.
- В настройках ставим галочку «Скрывать дни в таймере» чтобы он обновлялся каждый день. Высоту блока установить 180px.
- Год устанавливаем на лет 100 вперед. Время окончания таймера.
- Создаем Zero блок.
- Добавляем текст и пишем в нем одной строкой таймер формата 00 : 00 : 00.
- Публикуем, открываем страницу.
- На страницу, кликаем правой кнопкой мыши на сам таймер, выбираем «Просмотреть код». (см. Фото 1). Откроется консоль разработчика.
- Находим в коде наш текст и копируем его ID такого формата tn_text_1654620921288. (см. Фото 2).
- Заменяем ID в коде ниже: // Записываем id элемента
- Готово!
<!--Подключаем библиотеку-->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<!--Таймер в Zero-->
<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 = ' : '+zeroHours+' : '+zeroMinutes+' : '+zeroSeconds ;
//Выводим таймер в текстовом поле ZeroBlock
$('[field="tn_text_1648032144651"]').text(timeTitle);
};
ZeroTimer();
var timeinterval = setInterval(ZeroTimer,1000);
});
</script>
Фото 1
Фото 2
