Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 10.09.2013, 22:05
Аспирант
Отправить личное сообщение для dikucher Посмотреть профиль Найти все сообщения от dikucher
 
Регистрация: 18.04.2013
Сообщений: 51

поиск countdown timer
День добрый
Ищу countdown timer ( счетчик обратного отсчета ) который будет циклическим.
т.е. как только отсчитает заданную дату, так заново запускается
Ответить с цитированием
  #2 (permalink)  
Старый 10.09.2013, 22:54
Аспирант
Отправить личное сообщение для dikucher Посмотреть профиль Найти все сообщения от dikucher
 
Регистрация: 18.04.2013
Сообщений: 51

вот решения на 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 часа.
Ответить с цитированием
  #3 (permalink)  
Старый 11.09.2013, 03:27
Аспирант
Отправить личное сообщение для dikucher Посмотреть профиль Найти все сообщения от dikucher
 
Регистрация: 18.04.2013
Сообщений: 51

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


[SPOILER]
Код:
$(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);
});
[/SPOILER]
Ответить с цитированием
  #4 (permalink)  
Старый 12.09.2013, 17:22
Аватар для walik
Профессор
Отправить личное сообщение для walik Посмотреть профиль Найти все сообщения от walik
 
Регистрация: 09.11.2009
Сообщений: 1,101

Сообщение от dikucher
а мне надо, чтоб это время (24 часа), я устанавливал сам.
Сообщение от dikucher
var finDate = new Date("Mar,27,2019,00:25:00");
Вот тут и указывайте свое время
__________________
"Всегда пишите код так, будто сопровождать его будет склонный к насилию психопат, который знает, где вы живете."
Мой сертификат :-D клацай
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
select отключить встроенный поиск skynet-mfd jQuery 0 04.03.2013 11:26
Мгновенный поиск, подсветка, переход к найденному rdfhnbhf Javascript под браузер 0 05.07.2012 12:28
Поиск в тексте javascript jQuery 3 31.05.2011 11:40
PagingToolbar и поиск DenQ ExtJS 5 02.11.2010 00:16
Поиск в массиве через JavaScript Noran Общие вопросы Javascript 0 10.08.2008 17:31