Halloween Forum banner
1 - 3 of 3 Posts

·
Super Moderator
Joined
·
5,901 Posts
Discussion Starter · #1 ·
Code:
<script type="text/javascript"> 
//######################################################################################
// Author: ricocheting.com
// For: public release (freeware)
// Date: 4/24/2003 (update: 2010-06-09)
// Description: displays the amount of time until the "dateFuture" entered below.
// Modified: allows multiple countdowns on the same page
 
// NOTE: the month entered must be one less than current month. ie; 0=January, 11=December
// NOTE: the hour is in 24 hour format. 0=12am, 15=3pm etc
// format: dateFuture1 = new Date(year,month-1,day,hour,min,sec)
// example: dateFuture1 = new Date(2003,03,26,14,15,00) = April 26, 2003 - 2:15:00 pm
 
 
// CHANGE: add additional
dateFuture1 = new Date(2015,9,31,00,00,00);



 
 
// TESTING: comment out the line below to print out the "dateFuture" for testing purposes
//document.write(dateFuture1 +"<br />");
 
 
//###################################
//nothing beyond this point
function GetCount(ddate, iid){
 
	dateNow = new Date();									//grab current date
	amount = ddate.getTime() - dateNow.getTime();		//calc milliseconds between dates
	delete dateNow;
 
	// time is already past
	if(amount < 0){
		document.getElementById(iid).innerHTML="Happy Halloween!";
	}
	// date is still good
	else{
		days=0;hours=0;mins=0;secs=0;out="";
 
		amount = Math.floor(amount/1000);//kill the "milliseconds" so just secs
 
		days=Math.floor(amount/86400);//days
		amount=amount%86400;
 
		hours=Math.floor(amount/3600);//hours
		amount=amount%3600;
 
		mins=Math.floor(amount/60);//minutes
		amount=amount%60;
 
		secs=Math.floor(amount);//seconds
 
		if(days != 0){out += days +":"+((days!=1)?"":"")+"";}
		if(days != 0 || hours != 0){out += hours +":"+((hours!=1)?"":"")+"";}
		if(days != 0 || hours != 0 || mins != 0){out += mins +":"+((mins!=1)?"":"")+"";}
		out += secs +"";
		document.getElementById(iid).innerHTML=out;
 
		setTimeout(function(){GetCount(ddate,iid)}, 1000);
	}
}
 
window.onload=function(){
	// CHANGE: add additional
	GetCount(dateFuture1, 'countbox1');
	GetCount(dateFuture2, 'countbox2');
	GetCount(dateFuture3, 'countbox3');
	GetCount(dateFuture4, 'countbox4');
};
 
</script> 
 
<!-- CHANGE: add additional --> 
<div id="countbox1" style="font:18pt Times New Roman; color:#00FF00;"></div>
<div id="countbox2" ></div>
<div id="countbox3"></div> 
<div id="countbox4"></div>
 

·
Premium Member
Joined
·
2,730 Posts
Just FYI: The forum should not let anyone use code. If code could be posted then so could malware. It could be implemented into the HTML (only by me).
I purposely use a day countdown vs. to the second as those normally have compatibility issues with some devices.
 

·
Super Moderator
Joined
·
5,901 Posts
Discussion Starter · #3 ·
Yes, the purpose of the [code ] function is to share the actual CODE for people to copy/paste elsewhere, say onto their own websites, not for it to RUN the code on the website here. It preserves the format of the code that the board would otherwise fubar all to hell.

The above code is old and has compatibility problems these days, yes.
 
1 - 3 of 3 Posts
Top