Таймер обратного отсчета Jquery - PullRequest
Новая
       16

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

2 голосов
/ 06 мая 2010

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

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

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

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

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

Ответы [ 4 ]

7 голосов
/ 06 мая 2010

попробовать: 

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>'});​

еще один быстрый демо

0 голосов
/ 06 мая 2010 
$('#since').countdown({ since: new Date(2005, 1 - 1, 1) });

Вы ищете since.

0 голосов
/ 06 мая 2010 
<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>

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

0 голосов
/ 06 мая 2010

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

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

<span id="defaultCountdown" class="countdown"></span>
...