Count Up to Your Anniversary!

These are a variation on the countdowns suggested by Kari. She and Kevin have a two year anniversary coming up, and she wanted to be able to countdown the days. But these don't count the days to an anniversary, they count how long the two of you have been together! Choose the countdown you want, and you will find instructions below it on how to personalize it for you. Also, if you want to count to your anniversary date, go here for another countdown version! And please link your counter to: Countdown by Roxydoll12

DIRECTIONS FOR ANNIVERSARY COUNTUPS:

There are four steps below! Make sure you follow them exactly!! If you do not, your counter will not work!!

1. For any of these anniversary countups, you will first have to put the following code in the <head> section of your html code. Copy and paste it and insert it after the <head> command at the top of your html code:

<!-- Countup in Java Script .. Cameron Gregory http://www.bloke.com/

// permission to use and modify as long as you leave these 4 comment

// lines in tact and unmodified.

// http://www.bloke.com/javascript/Countup/

speed=1000;

len=40;

tid = 0;

num=0;

clockA = new Array();

timeA = new Array();

formatA = new Array();

dd = new Date();

var d,x;

function doDate(x)

{

for (i=0;i<num;i++) {

dt = new Date();

if (timeA[i] != 0) {

v1 = Math.round(( dt - timeA[i] )/1000) ;

if (formatA[i] == 1)

clockA[i].date.value = v1;

else if (formatA[i] ==2) {

sec = v1%60;

v1 = Math.floor( v1/60);

min = v1 %60 ;

hour = Math.floor(v1 / 60);

if (sec < 10 ) sec = "0"+sec;

if (min < 10 ) min = "0"+min;

clockA[i].date.value = hour+"h "+min+"m "+sec+"s";

}

else if (formatA[i] ==3) {

sec = v1%60;

v1 = Math.floor( v1/60);

min = v1 %60 ;

v1 = Math.floor(v1 / 60);

hour = v1 %24 ;

day = Math.floor(v1 / 24);

if (sec < 10 ) sec = "0"+sec;

if (min < 10 ) min = "0"+min;

if (hour < 10 ) hour = "0"+hour;

clockA[i].date.value = day+"d "+hour+"h "+min+"m "+sec+"s";

}

else if (formatA[i] ==4 ) {

sec = v1%60;

v1 = Math.floor( v1/60);

min = v1 %60 ;

v1 = Math.floor(v1 / 60);

hour = v1 %24 ;

day = Math.floor(v1 / 24);

clockA[i].date.value = day+(day==1?"day ":"days ")+hour+(hour==1?"hour ":"hours ")+min+(min==1?"min ":"mins ")+sec+(sec==1?"sec ":"secs ")

}

else

clockA[i].date.value = "Invalid Format spec";

}

else

clockA[i].date.value = "Countup from when?";

}

tid=window.setTimeout("doDate()",speed);

}

function start(d,x,format) {

clockA[num] = x

if (d == "now")

timeA[num] = new Date();

else

timeA[num] = new Date(d);

formatA[num] = format;

//window.alert(timeA[num]+":"+d);

if (num == 0)

tid=window.setTimeout("doDate()",speed);

num++;

}

function CountupLong(t,format,len)

{

document.write('<FORM name=form'+num+'><input name=date size=')

document.write(len)

document.write(' value="Countup: Requires Javascript"></FORM>')

start(t,document.forms["form"+num],format);

}

function Countup(t)

{

CountupLong(t,2,20);

}

// end-->

</script>

2. Choose the countdown style you want, and insert the code under the countdown you chose in your <body> section of html code:

Kari and Kevin have been together:

<tr>

<td width="100%"><p align="center"><big> </big><strong> Kari and Kevin have been

together:</strong></p>

Countup("June 04, 1998 06:15:00");

</script> </td>

</tr>

</table>

</center></div>

Kari and Kevin have been together:

<tr>

<td width="100%"><p align="center"><big> </big><strong> <font size="1"> Kari and Kevin have been

together:</font></strong></p>

Countup("June 04, 1998 06:15:00");

</script> </td>

</tr>

</table>

</center></div>

Kari and Kevin have been together:

<tr>

<td width="100%"><p align="center"><big> </big><strong> <font size="1"> Kari and Kevin have been

together:</font></strong></p>

Countup("June 04, 1998 06:15:00");

</script> </td>

</tr>

</table>

</center></div>

Kari and Kevin have been together:

<tr>

<td width="100%"><p align="center"><big> </big><strong> <font size="1"> Kari and Kevin have been

together:</font></strong></p>

Countup("June 04, 1998 06:15:00");

</script> </td>

</tr>

</table>

</center></div>

Kari and Kevin have been together:

</p>

<tr>

<td width="100%"><p align="center"><big> </big><strong> <font size="1"> Kari

and Kevin have been together:</font></strong></p>

Countup("June 04, 1998 06:15:00");

</script> </td>

</tr>

</table>

</center>

</div>

3. Copy the image for the counter you chose onto a floppy disc or into your hard drive. Do not change the name! Upload the image into your directory the same way you would any other image.

They are:

4. Personalize the Code for your anniversary as follows:

Enter the date you are counting up from in the line of the html code that begins "countup". Make sure the year is the year you are counting from. You will never need to change this.

Replace Kari and Kevin's name in the code with your names.

That's all you have to do!