Here’s my setup:

[code]

$(document).ready(function (){
$('#countdown').countDown({
targetDate: {
'day': 1,
'month': 12,
'year': 2012,
'hour': 23,
'min': 0,
'sec': 0,
'utc': true
},
'omitWeeks': true,
'serverStartTime' :
});
});

[/code]

The part was missing in my published comment. It got lost somewhere when submitting the comment.

Hope it helps.

–
Math

Cool creations… I was looking for something like this.. thanks a lot for sharing.. good work..

Regs

Doubt, how would he show the days to hours? Type: 2 days 48 hours show. – 3 days 72 hours show ..

Thanks

@ Defsound, it depends which option you use. If you use targetDate then it is using the users PC clock and calender to count down to a time and date and will be different for each user, if you use targetOffset then you can choose the period of time to count down to. If you want everyone to see the same countdown amount then you should use the latter.

I wrote the following in php to calculate the difference between a now and a future date and to submit the calculated difference to the targetOffset function. I hope its useful to someone.

[code]
<?php
function time_difference($endtime){
//converting from a unix time stamp
//we deduct 1 day, 1 month and 1970 years as this is when unix time is counted from
$days= (date("j",$endtime)-1);
$months =(date("n",$endtime)-1);
$years =(date("Y",$endtime)-1970);
$hours =date("G",$endtime);
$mins =date("i",$endtime);
$secs =date("s",$endtime);
$difference="'day': ".$days.",'month': ".$months.",'year': ".$years.",'hour': ".$hours.",'min': ".$mins.",'sec': ".$secs;
return $difference;
}
// $future_date should be a unix timestamp
$future_date = 1420113600; // 1st Jan 2015 12:00:00 (noon)
$endtime = $future_date - time(); //gives the number of seconds between now and the future date
$countdown = time_difference($endtime);

echo "
jQuery(document).ready(function() {
$('#countdown_dashboard').countDown({
targetOffset: {",$countdown,"
}
});
});
";
?>
[/code]

the code is great and it works like a charm. i have a question about the using server time. im not exactly clear on where to include the “‘serverStartTime’ :” option as mentioned in your comment. do i add it somewhere underneath targetDate, where day, month, etc. is? and what kind of value do i add next to it? do i add a number? how do i let it know, i want it to retrieve the server’s time? any help would be appreciated and thanks for the hard work.

$(‘#countdown_dashboard’).countDown({
targetDate: {
‘day’: 30,
‘month’: 11,
‘year’: 2011,
‘hour’: 7,
‘min’: 0,
‘sec’: 0
}
omitWeeks: true
});

Thanks for this great script.

I was just wondering if it’s possible to set an active state for the numbered links?

Many Thanks

Thanks a lot!