Таймер обратного отсчета Jquery

Я пытался добиться таймера обратного отсчета с помощью этого плагина jquery.

Поскольку я новичок в этом, я действительно не понимаю их документацию.

То, что я хочу показать, это. Я хочу отобразить счетчик, который считает с 1 января 2005 года по текущую дату. Пример отображения выходных данных

5 лет 5 месяцев 5 часов 5 секунд (секунды будут считаться)

Пожалуйста, помогите мне, опубликовав фрагменты для достижения. Спасибо за ваше время и высоко ценится.


javascript jquery countdown
person knightrider    schedule 06.05.2010    source источник

Ответы (4)


arrow_upward
7
arrow_downward

пытаться:

var sinceYear = new Date('01/01/2005');
$('#defaultCountdown').countdown({since: sinceYear});​

быстрая демонстрация

изменить дополнительные параметры

var sinceYear = new Date('01/01/2005');
$('#defaultCountdown').countdown({since: sinceYear,
                                  format: 'YdHMS',
                                  layout:'<b>{yn} {yl},{dn} {dl} and '+ 
                                       '{hn} {hl}, {mn} {ml}, {sn} {sl}</b>'});​

еще одна короткая демонстрация

person Reigel    schedule 06.05.2010
comment
да, работает. Но дисплей показывает как Дни Часы Минуты Секунды. Вместо этого я хочу отобразить Years Month Hours Minutes . Пожалуйста, помогите. Спасибо. - person knightrider; 06.05.2010
comment
Огромное спасибо. Это сработало отлично. Также спасибо за демонстрацию. Я не могу голосовать, так как у меня недостаточно представителей. Прости за это. - person knightrider; 06.05.2010

arrow_upward
0
arrow_downward 

$('#since').countdown({ since: new Date(2005, 1 - 1, 1) });

Вы ищете since.

person wombleton    schedule 06.05.2010

arrow_upward
0
arrow_downward 

<html>
  <head>
    <title>Sample Page</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <style type="text/css">@import "jquery.countdown.css";</style> 
    <script type="text/javascript" src="jquery.countdown.js"></script>
    <script type="text/javascript">
      var epoch = new Date("1/1/2005");
      $(document).ready(function(){
        $("#countup").countdown({since: epoch});
      });
    </script>
  </head>
  <body>
    <div id="countup">

    </div>
  </body>
</html>

непроверенный код. вам нужно будет разместить файлы сценариев самостоятельно.

person Gabriel    schedule 06.05.2010
comment
да, работает. Но дисплей показывает как Дни Часы Минуты Секунды. Вместо этого я хочу отобразить Years Month Hours Minutes . Пожалуйста, помогите. Спасибо. - person knightrider; 06.05.2010

arrow_upward
0
arrow_downward

Отредактировано:

<script type="text/javascript">
    $('#defaultCountdown').countdown({ since: new Date(2005, 0, 1) }); 
</script>

<span id="defaultCountdown" class="countdown"></span>
person Ben    schedule 06.05.2010
comment
Здравствуйте, это не то, чего я добиваюсь. Чего я пытаюсь достичь, так это использовать с keith-wood.name/countdownRef.html. И ваш код получает ошибки о том, что newYear не определен и ничего не отображает - person knightrider; 06.05.2010
comment
@knightrider - Попробуйте этот новый - person Ben; 06.05.2010