Multiple Analog Clocks

2. Head Script

The script for the multiple analog clock is in two parts. Both parts go in the head section of your web page. The first part is the main script that displays the clock(s). You need to select the code from the text box below (there is a highlight all button beneath it to make this easier) and copy it into a file called clockh.js.

The second part is the clock parameters. You need to select the code from the text box below (there is a highlight all button beneath it to make this easier) and copy it into a file called clockp.js. We'll get to what you need to change in this to display the clocks the way that you want later.

You next attach the script into your web page that you wish to display your clock on by adding the following code into the head section of your page. Note that the scripts are attached in the opposite order to my original clock script.

The next step is to position the clock(s) into the body of your page.