Помогите, нужен таймер обратного отсчёта dle 13.2

Я баран, объясните пожалуйста более подробно чтобы было ежу понятно)
Друзья, облазил весь срунет, но толком ничего рабочего не нашел.
Нужен таймер обратного отсчёта до выхода новой серии, который будет выводиться через доп. поле, в формате 01.01.01.01 (Дней/часов/минут/секунд)
Вот что я отрыл, но как установил то мне везде 0 стояли и нифига не фурычило...(я просто мало шарю в этом)
Клик

 

Никак нет

 

Мне бы просто таймер который бы работал таким образом:
В доп поле новости я поставил 7:00:00:00 (Дней/часов/минут/секунд) и как сохранил изменения новости, таймер начал обратное отсчитывание.

 

Нет, к самому сериалу.

 

Вложение не работает, тоже это интересно, модуль графика есть

 

HTML

Код:

<div class='countdown-wrp'>
        <div class='countdown' data-datte="2020-02-21" data-time="08:34"></div>
</div>

CSS

Код:

.countdown{
    background-color: #f5f6fa;
    font-size: 11px;
    margin: 10px 0 0 0;
    padding: 10px 2px;
    border-radius: 4px;
}
.countdown{
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
   -ms-flex-wrap:wrap;
   -webkit-flex-wrap:wrap;
   flex-wrap:wrap;
   -ms-flex-pack:justify;
   -webkit-justify-content:space-between;
    justify-content:space-between;
   -ms-flex-pack:center;
   -webkit-justify-content:center;
    justify-content:center
}
.countdown div,
.countdown .days-top,
.countdown .days-bottom,
.countdown .hours-top,
.countdown .hours-bottom,
.countdown .minutes-top,
.countdown .minutes-bottom,
.countdown .seconds-top,
.countdown .seconds-bottom{
    margin-right: 3px;
}

JQUERY

Код:

(function ( $ ) {
    function pad(n) {
        return (n < 10) ? ("0" + n) : n;
    }

    $.fn.showclock = function() {
     
        var currentDate=new Date();
        var fieldDate=$(this).data('datte').split('-');
        var fieldTime=[0,0];
        if($(this).data('time')!=undefined)
        fieldTime=$(this).data('time').split(':');
        var futureDate=new Date(fieldDate[0],fieldDate[1]-1,fieldDate[2],fieldTime[0],fieldTime[1]);
        var seconds=futureDate.getTime() / 1000 - currentDate.getTime() / 1000;

        if(seconds<=0 || isNaN(seconds)){
            this.hide();
            return this;
        }

        var days=Math.floor(seconds/86400);
        seconds=seconds%86400;
     
        var hours=Math.floor(seconds/3600);
        seconds=seconds%3600;

        var minutes=Math.floor(seconds/60);
        seconds=Math.floor(seconds%60);
     
        var html="";

        if(days!=0){
            html+="<div class='countdown-container days'>"
                html+="<span class='countdown-value days-bottom'>"+pad(days)+"</span>";
                html+="<span class='countdown-heading days-top'>дней</span>";
            html+="</div>";
        }

        html+="<div class='countdown-container hours'>"
            html+="<span class='countdown-value hours-bottom'>"+pad(hours)+"</span>";
            html+="<span class='countdown-heading hours-top'>часов</span>";
        html+="</div>";

        html+="<div class='countdown-container minutes'>"
            html+="<span class='countdown-value minutes-bottom'>"+pad(minutes)+"</span>";
            html+="<span class='countdown-heading minutes-top'>минут</span>";
        html+="</div>";

        html+="<div class='countdown-container seconds'>"
            html+="<span class='countdown-value seconds-bottom'>"+pad(seconds)+"</span>";
            html+="<span class='countdown-heading seconds-top'>секунд</span>";
        html+="</div>";

        this.html(html);
    };

    $.fn.countdown = function() {
        var el=$(this);
        el.showclock();
        setInterval(function(){
            el.showclock(); 
        },1000);
     
    }

}(jQuery));

jQuery(document).ready(function(){
    if(jQuery(".countdown").length>0){
        jQuery(".countdown").each(function(){
            jQuery(this).countdown(); 
        })
     
    }
})

 

Если барану дашь инструкцию, буду бесконечно благодарен

 

Ну куда и что вставлять я расписал, там геде необходим вывод таймера

Код:

<div class='countdown-wrp'>
       <div class='countdown' data-datte="2020-02-21" data-time="08:34"></div>
</div>

В data-datte="2020-02-21" вместо "2020-02-21" прописываешь доп. поле в котором будет хранится дата (указывать в таком же формате как в примере).
В data-time="08:34" вместо "08:34" прописываешь доп. поле в котором будет хранится время (указывать в таком же формате как в примере).

 

а как это с модулем графика выхода новых серий от парсер кино связать?

 

Ты лучший!! Спасибо тебе большое!!!)

 

Лайк приветствуется, не за что)

 

Подскажите, а если например вставить вот так <div class='countdown' data-datte="{date=Y-m-j}" data-time="{date=H:i}"></div> то есть будет выводиться дата редактирования. Как сделать чтобы таймер отсчитывал от +7 дней от даты редактирования?