Dynamic Countdown Script - JavaScript Made Easy: Free JavaScripts Tutorials Example Code

WebSiteMadeEasy.net

|

FontsMadeEasy.com

|

RankChecker.net

Submit your Script

Google Search:

Learn Java Script Today

|

Over 5000 Free Fonts

|

|

Javascript Forum

|

Other Javascript Resources

|

JavaScript Basics

Inserting Javascript

Complete Tutorial

Advance DHTML Tutorial


Dynamic Countdown Script

This is a live, dynamic countdown script that can be set to count down until any given date. Every aspect of the script is configurable- dimensions, background color, text font etc. The millennium is just around the corner...hint hint.


Insert into <HEAD>


Insert into <BODY>
<script language="JavaScript1.2"> function setcountdown(theyear,themonth,theday){ yr=theyear;mo=themonth;da=theday } //////////CONFIGURE THE COUNTDOWN SCRIPT HERE////////////////// //STEP 1: Configure the countdown-to date, in the format year, month, day: setcountdown(2000,12,25) //STEP 2: Change the two text below to reflect the occasion, and message to display on that occasion, respectively var occasion="Christmas!" var message_on_occasion="Merry Christmas!" //STEP 3: Configure the below 5 variables to set the width, height, background color, and text style of the countdown area var countdownwidth='518px' var countdownheight='20px' var countdownbgcolor='lightblue' var opentags='<font face="Verdana"><small>' var closetags='</small></font>' //////////DO NOT EDIT PASS THIS LINE////////////////// var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec") function start_countdown(){ if (document.layers) document.countdownnsmain.visibility="show" countdown(2000,1,1) } if (document.all) 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/(6060100024)1) dhour=Math.floor((dd%(6060100024))/(60601000)1) dmin=Math.floor(((dd%(6060100024))%(60601000))/(601000)1) dsec=Math.floor((((dd%(6060100024))%(60601000))%(601000))/10001) if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=1){ if (document.layers){ document.countdownnsmain.document.countdownnssub.document.write(opentags+message_on_occasion+closetags) document.countdownnsmain.document.countdownnssub.document.close() } else if (document.all) countdownie.innerHTML=opentags+message_on_occasion+closetags return } 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) countdownie.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>

Other Options