Jquery Countup Timer | 易学教程

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.

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

code untested. you will need to accommodate 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>

来源：https://stackoverflow.com/questions/2778408/jquery-countup-timer

标签

javascript

jquery

countdown