You can use this sample for under construction sites, or maintenance period. Try yourself bellow:
Reset countdown to
.
Weeks
Days
Hours
Minutes
Seconds
<script type="text/javascript" charset="utf-8">
// Javascript
$(function() {
var currentDate = new Date();
$('div#clock').countdown(15 * 24 * 60 * 60 * 1000 + currentDate.valueOf(), function(event) {
$this = $(this);
switch(event.type) {
case "seconds":
case "minutes":
case "hours":
case "days":
case "weeks":
case "daysLeft":
$this.find('span#'+event.type).html(event.value);
break;
case "finished":
$this.fadeTo('slow', .5);
break;
}
});
});
</script>
<!-- HTML -->
<div id="clock">
<p>
<span id="weeks"></span>
Weeks
</p>
<div class="space">:</div>
<p>
<span id="daysLeft"></span>
Days
</p>
<div class="space">:</div>
<p>
<span id="hours"></span>
Hours
</p>
<div class="space">:</div>
<p>
<span id="minutes"></span>
Minutes
</p>
<div class="space">:</div>
<p>
<span id="seconds"></span>
Seconds
</p>
</div>