Countdown

Example

loading countdown...

Code

Put this in the head part of the document
<script language="JavaScript">
<!--
var hoursleft = 0;
var minutesleft = 10;			// you can change these values to any value greater than 0
var secondsleft = 0;
var millisecondsleft = 0;
var finishedtext = "Countdown finished!" // text that appears when the countdown reaches 0
end = new Date();
end.setHours(end.getHours()+hoursleft);
end.setMinutes(end.getMinutes()+minutesleft);
end.setSeconds(end.getSeconds()+secondsleft);
end.setMilliseconds(end.getMilliseconds()+millisecondsleft);
function cd(){
	now = new Date();
	diff = end - now;
	diff = new Date(diff);
	var msec = diff.getMilliseconds();
	var sec = diff.getSeconds();
	var min = diff.getMinutes();
	var hr = diff.getHours()-1;
	if (min < 10){
		min = "0" + min;
	}
	if (sec < 10){
		sec = "0" + sec;
	}
	if(msec < 10){
		msec = "00" +msec;
	}
	else if(msec < 100){
		msec = "0" +msec;
	}
	if(now >= end){
		clearTimeout(timerID);
		document.getElementById("cdtime").innerHTML = finishedtext;
	}
	else{
	document.getElementById("cdtime").innerHTML = hr + ":" + min + ":" + sec + ":" + msec;
	}		// you can leave out the + ":" + msec if you want...
			// If you do so, you should also change setTimeout to setTimeout("cd()",1000)
	timerID = setTimeout("cd()", 10); 
}
window.onload = cd;
//-->
</script>
Put this in the body part of the document
<span id="cdtime">loading countdown...</span>
Home | Code | Learn
© 2007-2008 ProgLogic, all rights reserved. | ProgLogic.com is created by Stijn Strickx. | e-mail