X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> countdown timer, поиск скрипта
Dikucher
Dikucher
Topic Starter сообщение 10.9.2013, 22:05; Ответить: Dikucher
Сообщение #1


Частый гость
**

Группа: User
Сообщений: 61
Регистрация: 8.2.2013
Из: Киев
Поблагодарили: 5 раз
Репутация:   2  


День добрый
Ищу countdown timer ( счетчик обратного отсчета ) который будет циклическим.
т.е. как только отсчитает заданную дату, так заново запускается
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
rjksdfhe
rjksdfhe
сообщение 10.9.2013, 22:21; Ответить: rjksdfhe
Сообщение #2


Straight arms
*******

Группа: Active User
Сообщений: 2760
Регистрация: 21.4.2009
Из: Мытищи, МО, РФ
Поблагодарили: 1111 раз
Репутация:   163  


У меня дежавю?

Весь день тут вертелась именно эта тема.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Dikucher
Dikucher
Topic Starter сообщение 11.9.2013, 3:27; Ответить: Dikucher
Сообщение #3


Частый гость
**

Группа: User
Сообщений: 61
Регистрация: 8.2.2013
Из: Киев
Поблагодарили: 5 раз
Репутация:   2  


вот решения на webmasters того что я просил, но к сожалению надо другое
На тот случай, если нельзя размещать подобные ссылки, дублирую решение

К примеру вот этот плагин _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>

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

вот что пока нашел, и немного подправил. Это не то решение которое я искал, но другого не пока не имеем.
Скрипт работает следующим образом. Отсчитывает до заданного вермени, а потом сбрасывается и начинает заново. Минус в том, что логика скрипта такова, что он отсчитывает по 24 часа, а мне надо, чтоб это время (24 часа), я устанавливал сам.
Развернуть/Свернуть
<div class="counter">
    <p class="hours"></p>
    <p class="minutes"></p>
    <p class="seconds"></p>
    <div>
        <p>ЧАСЫ</p><p>МИНУТЫ</p><p>СЕКУНДЫ</p>
    </div>
</div>



Развернуть/Свернуть
$(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);
});


Сообщение отредактировал Dikucher - 10.9.2013, 22:53
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


 



RSS Текстовая версия Сейчас: 18.12.2017, 5:59
Дизайн