Animated Clock - with Valentine's Graphics- from Billy Bear

Valentine's Teddy Bear Hugs Clock

Part One: Cut & Paste this script... this information goes
right under the HEAD in the HTML area of your webpage.

<head>

<script language="JavaScript">
 /*****************************
 This script copyright me AKA Solfire.
 Take this script freely, but you MUST leave these credit lines.
 solfire@softhome.net
 ******************************/
//Preloading
imgs = new Array();
        imgs[0] = new Image();
        imgs[0].src = "v0.gif";
        imgs[1] = new Image();
        imgs[1].src = "v1.gif";
        imgs[2] = new Image();
        imgs[2].src = "v2.gif";
        imgs[3] = new Image();
        imgs[3].src = "v3.gif";
        imgs[4] = new Image();
        imgs[4].src = "v4.gif";
        imgs[5] = new Image();
        imgs[5].src = "v5.gif";
        imgs[6] = new Image();
        imgs[6].src = "v6.gif";
        imgs[7] = new Image();
        imgs[7].src = "v7.gif";
        imgs[8] = new Image();
        imgs[8].src = "v8.gif";
        imgs[9] = new Image();
        imgs[9].src = "v9.gif";
        imgs[10] = new Image();
        imgs[10].src = "v-space.gif";
        imgs[11] = new Image();
        imgs[11].src = "v-blank.gif";
        imgs[12] = new Image();
        imgs[12].src = "v-am.gif";
        imgs[13] = new Image();
        imgs[13].src = "v-pm.gif";
var on = true;
var timeout = false;
function showDate() {
        today = new Date();
        var hours = today.getHours();
        var minutes = today.getMinutes();
        var am_pm = "";
        if (hours > 12) {hours -= 12; am_pm = "PM"; document.am_pm.src = imgs[13].src;}
        if (hours.toString().length == 1) {document.hours_2.src = imgs[hours.toString().charAt(0)].src;}
        if (hours.toString().length == 2) {document.hours_1.src = imgs[hours.toString().charAt(0)].src;document.hours_2.src = imgs[hours.toString().charAt(1)].src;}
        if (minutes < 10) {document.minutes_2.src = imgs[minutes].src
        } else {
                document.minutes_1.src = imgs[minutes.toString().charAt(0)].src; document.minutes_2.src = imgs[minutes.toString().charAt(1)].src;}
        if (on) {document.seperator.src = imgs[11].src; on = false;} else {document.seperator.src = imgs[10].src; on = true;}
        timeout = setTimeout("showDate()", 1000);
}
</script>

<title>Animated Clock</title>
</head>
<body bgcolor="white" onLoad="showDate();">

Part Two: Cut & Paste... this goes where you want the clock to be on your webpage.

Part 3: Download these images to your
computer's hard drive. Save the images, and the HTML page in the same
directory ...unless you really know how to code HTML, you can place the
images in their own directory. If you do this, you need to change the script
to locate the directory where they are being saved. EXAMPLE: images/g0.gif

If you would like to use this Valentine's Clock (or counter - see below) on
your WebPage... it is required that you DOWNLOAD this tag... and add
it to the page where the Valentine's Clock will be used on your website.

You can use them as your web counter too!
Servers where you can set up FREE accounts to use these counter graphics.
The Toolzone | BoingDragon | FreeCounter

Link it back to:

<a href="http://www.billybear4kids.com/">
<IMG SRC="tag.gif" WIDTH=184 HEIGHT=62></a>

RETURN TO VALENTINES
Return to the page you were on by clicking on your browser's BACK button.

Clock JavaScript Copyright Š1999 Yotam Ater
Copyright Š1999 Loraine Wauer-Ferus
BillyBear4Kids.com