Nedtælling

Kode 

<script language="JavaScript1.2">

function setcountdown(theyear,themonth,theday) {
  yr=theyear;mo=themonth;da=theday
}

// ------ SCRIPT CONFIGURATION ------ //

// Comment: Configure the date that you are counting down to...in the format year, month, day:

setcountdown(2007,07,30)

// Comment: Change the two variables below to reflect the occasion, and message to display on that occasion, respectively

var occasion="Baltic Sea Cup starts!"
var message_on_occasion="Happy Birthday, Foo Foo!"

// Comment: Configure the following variables to set the width, height, background color, and text style of the countdown area

var countdownwidth='550px'
var countdownheight='30px'
var countdownbgcolor='#FF0000'
var opentags='<font face="Verdana" size="2" color="#FFFFFF">'
var closetags='</font>'

// --------------- Do NOT edit anything after this line. --------------- //

var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
var crosscount=''

function start_countdown(){
if (document.layers)
document.countdownnsmain.visibility="show"
else if (document.all||document.getElementById)
crosscount=document.getElementById&&!document.all?document.getElementById("countdownie") : countdownie
countdown()
}

if (document.all||document.getElementById)
document.write('<span id="countdownie" style="width:'+countdownwidth+'; background-color:'+countdownbgcolor+'"></span>')

window.onload=start_countdown


function countdown(){
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todayh=today.getHours()
var todaymin=today.getMinutes()
var todaysec=today.getSeconds()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec
futurestring=montharray[mo-1]+" "+da+", "+yr
dd=Date.parse(futurestring)-Date.parse(todaystring)
dday=Math.floor(dd/(60*60*1000*24)*1)
dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1)
dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1)
dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1)
//if on day of occasion
if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=1&&todayd==da){
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+message_on_occasion+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+message_on_occasion+closetags
return
}
//if passed day of occasion
else if (dday<=-1){
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+"Occasion already passed! "+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+"Occasion already passed! "+closetags
return
}
//else, if not yet
else{
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+dday+ " days, "+dhour+" hours, "+dmin+" minutes, and "+dsec+" seconds left until "+occasion+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+dday+ " days, "+dhour+" hours, "+dmin+" minutes, and "+dsec+" seconds left until "+occasion+closetags
}
setTimeout("countdown()",1000)
}
</script>

<ilayer id="countdownnsmain" width=&{countdownwidth}; height=&{countdownheight}; bgColor=&{countdownbgcolor}; visibility=hide><layer id="countdownnssub" width=&{countdownwidth}; height=&{countdownheight}; left=0 top=0></layer></ilayer>

Kode 

<div id="test"></div>

<script type="text/javascript">
	/**
	 * @class Countdown
	 * @param {string/HTMLElement} el target HTMLElement or id of target HTMLElement.
	 * @param {string/Date Object} time target time to countdown to.
	 */
	var CountDown = function(el, time) {
		if(!el.innerHTML) {
			el = document.getElementById(el);
		}	
		this.el = el;
		
		if(typeof time != "object" || !time.getTime) {
			time = new Date(time);
		}
		this.target = time;
	}
	
	CountDown.prototype = {
		/**
		 * Gets distance in seconds
		 * @return {number}
		 */
		getDist : function() {
			var now = new Date();
			
			var dist = now.getTime() - this.target.getTime();
			return Math.abs(dist);
		},

		/**
		 * Gets calculated distance
		 * @return {object}
		 */
		getCount : function() {
			var dist = this.getDist();

			var second = 1000
			var minute = 60 * second;
			var hour = 60 * minute;
			var day = 24 * hour;
			
			var days = Math.floor(dist / day);
			var hours = Math.floor((dist - (days*day)) / hour);
			var minutes = Math.floor((dist - (days*day+hours*hour)) / minute);
			var seconds = Math.floor((dist - (days*day+hours*hour+minutes*minute)) / second);

			return {
				"days" : days, "hours" : hours, "minutes" : minutes, "seconds" : seconds
			}
		},
		
		/**
		 * starts countdown
		 */
		start : function() {
			var c = this.getCount()
		
			this.el.innerHTML = c.days + 'days '+c.hours+'hours '+c.minutes+'minutes '+c.seconds+'seconds';
			
			var fn = this._delegate(this.start,this);
			this.timer = setTimeout(fn,1000);
		},

		/**
		 * stops countdown
		 */
		stop : function() {
			clearTimeout(this.timer);
		},
		
		// private
		_delegate : function(func,obj) {
			return function() {
				return func.apply(obj,[]);
			}
		}
	}

	window.onload = function() {
		var cd = new CountDown("test", new Date("Jan 01 2008 16:00:00"));
		cd.start();
		
	}
</script>