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

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

 

HTML

Code:

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

CSS

Code:

.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

Code:

(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(); 
        })
     
    }
})

 

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

Code:

<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 дней от даты редактирования?