This countdown was made for Ashleigh!  She wanted to count down the days until her band was playing at a special event.   I normally don't do this, but she was so nice about it, I couldn't resist!   Ok....here's the instructions: (it will look like the one below when it's done) It turned out so well, you might like it to countdown the days til your own band or choir event.  Hope you like it!  

  If you want to count down to another group, I've tried to include directions below to make it work for you!

 

   

HERE'S ANOTHER VERSION:

 

 

FOR VERSION #1:

  1) Copy this  image to your computer, either on a floppy disc or to your hardrive, and upload it to your home page:

 

2) Cut and paste (or copy) the html code into your page.  It must be EXACT for it to work the way it is pictured above.   The image is called "trumpet.gif"    Don't change it!

 3) Please link to: Countdown by Roxydoll12  

 

HERE'S THE CODE:

 

<!-- Beginning of Bison Band Countdown-->

<div align="center"><center>

<table border="0" cellpadding="0" cellspacing="0" width="224" style="background-color: rgb(236,255,236); font-family: Comic Sans MS; color: rgb(0,0,0); border: 3px solid rgb(74,245,10)" #0099FF">

<tr>

<td width="100%"><p align="center">&nbsp; <script LANGUAGE="JavaScript">

<!-- Original: Alan Palmer -->

<!-- Web Site: <http://www.jsr.communitech.net> -->

<!-- This script and many more are available free online at -->

<!-- The JavaScript Source!! <http://javascript.internet.com> -->

<!-- Begin

var date = new Date("November 25, 2004");

var description = "the Bison Band Goes to Detroit!!";

var now = new Date();

var diff = date.getTime() - now.getTime();

var days = Math.floor(diff / (1000 * 60 * 60 * 24));

document.write("<center><h5>")

if (days > 1) {

document.write(days + " days until " + description);

}

else if (days == 1) {

document.write("Only two days until " + description);

}

else if (days == 0) {

document.write("Tomorrow " + description);

}

else {

document.write("Today " + description + "!");

}

document.write("</h5></center>");

// End -->

</script> </td>

<td width="100%"><img border="0" src="images/trumpetsmall.gif" width="74" height="52"></td>

</tr>

</table>

</center></div>

 

Personalize the Code for you as follows:

1) Put in the date of the event  in the line of the html code that begins "var date=new date".

2) Replace the Bison Band's name in the line that begins "var description=" with the name of your band. 

3)  Put in the name of the event

4) If you want to use your own image,   copy your image to your page directory, and put the name of the image you have selected where it says <img src=>

 

FOR VERSION #2:

  1) Copy this  image to your computer, either on a floppy disc or to your hardrive, and upload it to your home page:

2) Cut and paste (or copy) the html code into your page.  It must be EXACT for it to work the way it is pictured above.   The image is called "piano.gif"    Don't change it!

 3) Please link to: Countdown by Roxydoll12  

HERE'S THE CODE:

<!--Beginning Choir Countdown-->

<div align="center"><center>

<table border="0" cellpadding="0" cellspacing="0" width="200" style="font-family: Verdana; background-color: rgb(247,247,247); color: #000000; font-size: 8pt; border: 2px solid rgb(255,0,0)">

<tr>

<td width="100%"><p align="center"><img src="images/piano.gif" WIDTH="32" HEIGHT="32"><img src="images/piano.gif" WIDTH="32" HEIGHT="32"><img src="images/piano.gif" WIDTH="32" HEIGHT="32"></td>

</tr>

<tr>

<td width="100%"><p align="center"><script LANGUAGE="JAVASCRIPT">

today = new Date();

BigDay = new Date("December 17, 2004")

msPerDay = 24 * 60 * 60 * 1000 ;

timeLeft = (BigDay.getTime() - today.getTime());

e_daysLeft = timeLeft / msPerDay;

daysLeft = Math.floor(e_daysLeft);

e_hrsLeft = (e_daysLeft - daysLeft)*24;

hrsLeft = Math.floor(e_hrsLeft);

minsLeft = Math.floor((e_hrsLeft - hrsLeft)*60);

document.write( "There's "+daysLeft+" days, "+hrsLeft+" hours and "+minsLeft+" minutes left til the Choir Concert! ");

</script> </td>

</tr>

</table>

</center></div>

 

Personalize the Code for you as follows:

1) Put in the date of the event  in the line of the html code that begins "BigDay".

2) Replace the Bison Band's name in the line that begins "document.write=" with the name of your event

3) If you want to use your own image,   copy your image to your page directory, and put the name of the image you have selected where it says <img src=>