Path = Home > Online Tools > Digital Clock

Add A Digital Clock To Your Web Page

It is easy to add a digital clock to a page on your web page using the javascript code shown below.

Instructions:
Save the images and put them in the same directory as the page which the clock is to appear on. (right click on image - then "Save As")
Copy and Paste the 'javascript code' onto the <BODY> of your HTML page at the place you want the clock to appear.
You can of course use your own images for this. For example, you could make the clock digits green or red. Just be sure the image names are the same as the ones used here.

Images to save:

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";