Introduction to JavaScript

Digital Clock

<SCRIPT>

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

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

var digit = new Array();

for (i = 0; i < 10; i++) {
     digit[i] = new Image();
     digit[i].src = "digits/" + i + ".gif";
}

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

     var ampm = (now.getHours() >= 12) ? " pm" : " am";

     document.images['h0'].src = digit[Math.floor(now.getHours() / 10)].src
     document.images['h1'].src = digit[now.getHours() % 10].src
     document.images['m0'].src = digit[Math.floor(now.getMinutes() / 10)].src
     document.images['m1'].src = digit[now.getMinutes() % 10].src
     document.images['s0'].src = digit[Math.floor(now.getSeconds() / 10)].src
     document.images['s1'].src = digit[now.getSeconds() % 10].src ;
     document.images['tod'].src = "digits/" + ampm + ".gif";

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

</SCRIPT>

<BODY onLoad="upDate();">