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

Voldigoad · 24 Ноя 2019

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

Sunny_Curtis · 24 Ноя 2019

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

А график выхода серий у тебя есть?

Voldigoad · 24 Ноя 2019

Sunny_Curtis написал(а):
А график выхода серий у тебя есть?

Никак нет

Sunny_Curtis · 24 Ноя 2019

ZERROY написал(а):
Никак нет

Тогда хз. Если бы был, то можно самому сделать привязку к нему.Посмотреть вложение 21626

Voldigoad · 24 Ноя 2019

Sunny_Curtis написал(а):
Посмотреть вложение 21627
Тогда хз. Если бы был, то можно самому сделать привязку к нему.Посмотреть вложение 21626

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

Sunny_Curtis · 24 Ноя 2019

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

И так будешь делать для каждой новой серии?

Voldigoad · 24 Ноя 2019

Sunny_Curtis написал(а):
И так будешь делать для каждой новой серии?

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

mycroft · 24 Ноя 2019

Sunny_Curtis написал(а):
Посмотреть вложение 21627
Тогда хз. Если бы был, то можно самому сделать привязку к нему.Посмотреть вложение 21626

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

Sunny_Curtis · 24 Ноя 2019

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

Верхняя ссылка тоже не работает?

salomonkayn · 25 Ноя 2019

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

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

Voldigoad · 25 Ноя 2019

salomonkayn написал(а):

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

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

salomonkayn · 25 Ноя 2019

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

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

Код:

<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" прописываешь доп. поле в котором будет хранится время (указывать в таком же формате как в примере).

mycroft · 25 Ноя 2019

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

Voldigoad · 27 Ноя 2019

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

Код:

<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" прописываешь доп. поле в котором будет хранится время (указывать в таком же формате как в примере).

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

salomonkayn · 27 Ноя 2019

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

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

proger86 · 26 Фев 2023

salomonkayn написал(а):
HTML

Код:

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

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

Редактор темы

Настройки страницы Внешний вид

Ширина страницы

Переключить ширину страницы

Выбор цвета

Палитра цветов

Типографика

Раскладка разделов

Сеточная раскладка

Языки

Вариант темы

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

Voldigoad

Sunny_Curtis

Voldigoad

Sunny_Curtis

Voldigoad

Sunny_Curtis

Voldigoad

mycroft

Sunny_Curtis

salomonkayn

Voldigoad

salomonkayn

mycroft

Voldigoad

salomonkayn

proger86

Бывалый

Похожие темы Последние темы Популярные темы

Редактор темы

Ширина страницы

Переключить ширину страницы

Выбор цвета

Палитра цветов

Типографика

Раскладка разделов

Сеточная раскладка

Языки

Вариант темы

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

Бывалый

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