Bookmark Us

Version 1.2 - Source Code: <table> <td bgcolor="black" height=45> <img src="dg8.gif" name="hr1"><img src="dg8.gif" name="hr2"><img src="dgc.gif" name="c"><img src="dg8.gif" name="mn1"><img src="dg8.gif" name="mn2"><img src="dgc.gif" name="c"><img src="dg8.gif" name="se1"><img src="dg8.gif" name="se2"><img src="dgpm.gif" name="ampm"> </td></table> <script language="javascript"> <!-- start dg0 = new Image();dg0.src = "dg0.gif"; dg1 = new Image();dg1.src = "dg1.gif"; dg2 = new Image();dg2.src = "dg2.gif"; dg3 = new Image();dg3.src = "dg3.gif"; dg4 = new Image();dg4.src = "dg4.gif"; dg5 = new Image();dg5.src = "dg5.gif"; dg6 = new Image();dg6.src = "dg6.gif"; dg7 = new Image();dg7.src = "dg7.gif"; dg8 = new Image();dg8.src = "dg8.gif"; dg9 = new Image();dg9.src = "dg9.gif"; dgam= new Image();dgam.src= "dgam.gif"; dgpm= new Image();dgpm.src= "dgpm.gif"; dgc = new Image();dgc.src = "dgc.gif"; function dotime(){ theTime=setTimeout('dotime()',1000); d = new Date(); hr= d.getHours()+100; mn= d.getMinutes()+100; se= d.getSeconds()+100; if(hr==100){hr=112;am_pm='am';} else if(hr<112){am_pm='am';} else if(hr==112){am_pm='pm';} else if(hr>112){am_pm='pm';hr=(hr-12);} tot=''+hr+mn+se; document.hr1.src = 'dg'+tot.substring(1,2)+'.gif'; document.hr2.src = 'dg'+tot.substring(2,3)+'.gif'; document.mn1.src = 'dg'+tot.substring(4,5)+'.gif'; document.mn2.src = 'dg'+tot.substring(5,6)+'.gif'; document.se1.src = 'dg'+tot.substring(7,8)+'.gif'; document.se2.src = 'dg'+tot.substring(8,9)+'.gif'; document.ampm.src= 'dg'+am_pm+'.gif';} dotime(); //end --> </script> Directions Save the number images and stick them in the same directory as the page. (right click on image - then "Save As") Copy and Paste the 'Source Code' onto your HTML page. You are welcome to use your own images for this. Just be sure the image names are the same as the ones used here. Numbers to save:

Copyright © 2007, Web Tools

Division of Anita's Web Design