admin管理员组

文章数量:1313385

I was trying to achieve count up timer with this jquery plugin.

As I am newbie on this, I really don't understand their documentation.

What I want to display is. I want to display counter which counts from 1st January 2005 till current date. Example of output display is

5 years 5months 5hours 5seconds (seconds will be keep counting)

Please kindly help me by posting snippets to achieve. Thanks for your time and greatly appreciated.

I was trying to achieve count up timer with this jquery plugin.

As I am newbie on this, I really don't understand their documentation.

What I want to display is. I want to display counter which counts from 1st January 2005 till current date. Example of output display is

5 years 5months 5hours 5seconds (seconds will be keep counting)

Please kindly help me by posting snippets to achieve. Thanks for your time and greatly appreciated.

Share Improve this question asked May 6, 2010 at 4:14 knightriderknightrider 2,5837 gold badges30 silver badges42 bronze badges
Add a ment  | 

4 Answers 4

Reset to default 7

try:

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

quick demo

edit more options

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

another quick demo

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

You're looking for since.

<html>
  <head>
    <title>Sample Page</title>
    <script type="text/javascript" src="http://ajax.googleapis./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>

code untested. you will need to acmodate the location of the script files yourself.

Edited:

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

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

本文标签: javascriptJquery Countup TimerStack Overflow