Jquery Countup Timer
Question
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.
4 answers
solution1
7 ACCPTED 2010-05-06 04:26:45
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
solution2
0 2010-05-06 04:20:05
Edited:
<script type="text/javascript">
$('#defaultCountdown').countdown({ since: new Date(2005, 0, 1) });
</script>
<span id="defaultCountdown" class="countdown"></span>
solution3
0 2010-05-06 04:25:28
$('#since').countdown({ since: new Date(2005, 1 - 1, 1) });
你要找的since 。
solution4
0 2010-05-06 04:26:39
<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.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.