JavaScript Clock (2)
<html> <head> <title>Java Script Clock</title> <BR> <BR> <BR> <CENTER> <IMG SRC="digitblank.gif" border=0 name="hourstens"> <IMG SRC="digitblank.gif" border=0 name="hoursones"> <IMG SRC="digitblank.gif" border=0 name="colon"> <IMG SRC="digitblank.gif" border=0 name="minstens"> <IMG SRC="digitblank.gif" border=0 name="minsones"> <IMG SRC="digitblank.gif" border=0 name="ampm"> </center> <SCRIPT LANGUAGE="JavaScript"> if (document.images) { digit1 = new Image; digit1.src = "digit1.gif"; digit2 = new Image; digit2.src = "digit2.gif"; digit3 = new Image; digit3.src = "digit3.gif"; digit4 = new Image; digit4.src = "digit4.gif"; digit5 = new Image; digit5.src = "digit5.gif"; digit6 = new Image; digit6.src = "digit6.gif"; digit7 = new Image; digit7.src = "digit7.gif"; digit8 = new Image; digit8.src = "digit8.gif"; digit9 = new Image; digit9.src = "digit9.gif"; digit0 = new Image; digit0.src = "digit0.gif"; digitam = new Image; digitam.src = "digitam.gif"; digitpm = new Image; digitpm.src = "digitpm.gif"; digitcolon = new Image; digitcolon.src = "digitcolon.gif"; digitblank = new Image; digitblank.src = "digitblank.gif"; } function UpdateClock(){ var time= new Date(); hours = time.getHours(); mins = time.getMinutes(); if (!document.images) return; digit = mins % 10; document.images.minsones.src=eval("digit"+digit+".src"); digit = (mins - (mins % 10))/10; document.images.minstens.src=eval("digit"+digit+".src"); if (hours > 12) document.images.ampm.src=digitpm.src; else document.images.ampm.src=digitam.src; if (hours > 12) hours = hours - 12; digit = hours % 10; document.images.hoursones.src=eval("digit"+digit+".src"); digit = (hours - (hours % 10))/10; document.images.hourstens.src=eval("digit"+digit+".src"); document.images.colon.src=digitcolon.src; setTimeout("UpdateClock()",30000); } UpdateClock(); </SCRIPT> </body> </html>