Halloween Forum banner
1 - 3 of 24 Posts

· Super Moderator
Joined
·
6,576 Posts
Here's the one from my website for good measure. You can add it to your own. Just edit the datefuture year each year.

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>
 
1 - 3 of 24 Posts
This is an older thread, you may not receive a response, and could be reviving an old thread. Please consider creating a new thread.
Top