[Dikucher]

День добрый
Ищу countdown timer ( счетчик обратного отсчета ) который будет циклическим.
т.е. как только отсчитает заданную дату, так заново запускается

[TBicTep]

К примеру вот этот плагин _https://code.google.com/p/jquery-countdown/

Что бы было циклически подойдет подобный код

Код:

    <script type="text/javascript">
function starttimer(){
$('#counter_2').html(" ");
      $(function(){

        $('#counter_2').countdown({
          image: 'img/digits.png',
          startTime: '00:10',
          timerEnd: function(){ starttimer(); },
          format: 'mm:ss'
        });
      });
}
starttimer();
    </script>
<div id="counter_2"></div>

[Dikucher]

ну вот беда, TBicTep все работает как я просил, но к сожалению мне надо другое, и я виноват в том, что не правильно описал задачу.
Счетчик будет стоять на продающей странице (landing page ), и нужно следующее.
Выставляю допустим 24 часа на счетчик. Счетчик отсчитывает как бы это выразиться в фоновом режиме. Т.е. я захожу и счетчик показывает 23 часа до окончания, и потом если я захожу через 3 часа, то счетчик покажет, что до окончания осталось 20 часов. И только тут, то что я изначально описал, он должен обнулиться, и опять "фоново" отсчитывать 24 часа.

[cOAPerator]

Dikucher, прикрутите куки и будет как вам нужно.
логика такова:
1 заход на страницу: проверяем, есть кука или нет: если нет ставим куку. выводим 24 часа (раз в минуту/секунду обновляем куку)
2 и последующие: проверяем куку: если есть выводим 24 часа - (24 - время в куке)

[Dikucher]

cOAPerator, спасибо за описание логики процесса, но мои познания в JS не позволяют такое реализовать.

вот что пока нашел, и немного подправил. Это не совсем то решение которое я искал.
Скрипт работает следующим образом. Отсчитывает до заданного врмени, а потом сбрасывает и начинает заново. Минус в том, что логика скрипта такова, что он отсчитывает по 24 часа, а мне надо, чтоб это время (24 часа), я устанавливал сам.

html

Код:

<div class="counter">
    <p class="hours"></p>
    <p class="minutes"></p>
    <p class="seconds"></p>
    <div>
        <p>ЧАСЫ</p><p>МИНУТЫ</p><p>СЕКУНДЫ</p>
    </div>
</div>

[свернуть]

js

Код:

$(document).ready(function(){
    function counter(){
        var now = new Date();
        var finDate = new Date("Mar,27,2019,00:25:00");
        var totalRemains = (finDate.getTime() - now.getTime());
        if (totalRemains > 1){
            var RemainsSec = (parseInt(totalRemains / 1000));
            var RemainsFullDays = (parseInt(RemainsSec/(24 * 60 * 60)));
            if (RemainsFullDays < 10){
                RemainsFullDays = "0" + RemainsFullDays
            };
            var secInLastDay = RemainsSec-RemainsFullDays * 24 * 3600;
            var RemainsFullHours = (parseInt(secInLastDay / 3600));
            if (RemainsFullHours < 10){
                RemainsFullHours = "0" + RemainsFullHours
            };
            var secInLastHour = secInLastDay - RemainsFullHours * 3600;
            var RemainsMinutes = (parseInt(secInLastHour / 60));
            if (RemainsMinutes < 10){
                RemainsMinutes = "0" + RemainsMinutes
            };
            var lastSec = secInLastHour - RemainsMinutes * 60;
            if (lastSec < 10){
                lastSec = "0" + lastSec
            };
            // var mcend = Date.parse("Jan 1, 2009, 00:00:00");
            // var mcnow = now.getTime();
            // var mc = ((mcend - mcnow)/10).toFixed(0).substr(8);

            $(".counter .days").html(RemainsFullDays);
            $(".counter .hours").html(RemainsFullHours);
            $(".counter .minutes").html(RemainsMinutes);
            $(".counter .seconds").html(lastSec);
        }
        else {
            $(".counter").html("Время вышло.");
        }
    };
    setInterval(counter, 1000);
});

[свернуть]

[TBicTep]

Вот скрипт который записывает время в куки _http://webformyself.com/individualnyj-tajmer-obratnogo-otscheta/
А вот, слегка, переделанная циклическая версия _http://rghost.ru/48709907 Время указывать в файле js/script.js строка 156 и 182

Код HTML:

dateEnd = returnEndDate(0,0,1);

returnEndDate(дней,часов,минут)