Digital Clock

You need to download digits1.zip, un-zip it and upload the contents to your internet directory.

var colon = '<IMG SRC="digits/colon.gif">';

document.write('<IMG SRC="digits/0.gif" NAME="h0">');
document.write('<IMG SRC="digits/1.gif" NAME="h1">');
document.write(colon);
document.write('<IMG SRC="digits/2.gif" NAME="m0">');
document.write('<IMG SRC="digits/3.gif" NAME="m1">');
document.write(colon);
document.write('<IMG SRC="digits/4.gif" NAME="s0">');
document.write('<IMG SRC="digits/5.gif" NAME="s1">');
document.write('<IMG SRC="digits/am.gif" NAME="tod">');

function upDate() {
var now = new Date();

     var hours = now.getHours();
     var minutes = now.getMinutes();
     var seconds = now.getSeconds();

var ampm = "am";

     if (hours >= 12) {
          ampm = "pm";
          hours -= 12     // hours = hours - 12;
     }

     if (hours == 0) hours = 12;
     if (hours < 10) hours = "0" + hours;
     else hours += "";   // hours = hours + '';

if (minutes < 10) minutes = "0" + minutes;
else minutes + = ""; // minutes = minutes + '';

if (seconds < 10) seconds = "0" + seconds;
else seconds += ""; // seconds = seconds + '';

     document.images['h0'].src = "digits/" + hours.charAt(0) + ".gif";
     document.images['h1'].src = "digits/" + hours.charAt(1) + ".gif";
     document.images['m0'].src = "digits/" + minutes.charAt(0) + ".gif";
     document.images['m1'].src = "digits/" + minutes.charAt(1) + ".gif";
     document.images['s0'].src = "digits/" + seconds.charAt(0) + ".gif";
     document.images['s1'].src = "digits/" + seconds.charAt(1) + ".gif";
     document.images['tod'].src = "digits/" + ampm + ".gif";

setTimeout("upDate()", 1000);
}

</SCRIPT>