Jquery Countup Timer

时间:2010-05-06 04:14:13

标签: javascript jquery countdown

我试图用jquery plugin来实现计时计时器。

由于我是新手,我真的不明白他们的文件。

我想要展示的是。我想显示从2005年1月1日到当前日期的计数器。输出显示的示例是

5年5个月5小时5秒(秒将继续计算)

请通过发布片段来帮助我实现。感谢您的时间,非常感谢。

4 个答案:

答案 0 :(得分:7)

尝试:

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

快速demo

修改 更多选择

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

另一个快速demo

答案 1 :(得分:0)

编辑:

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

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

答案 2 :(得分:0)

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

您正在寻找since

答案 3 :(得分:0)

<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>

未经测试的代码。您需要自己调整脚本文件的位置。