JavaScript clock - display time using images

©ilj@flowsim.se
JavaScript code samples 63
JavaScript clock - display current time using dynamic images
>>> this example in Swedish

Here´s the code:

<SCRIPT LANGUAGE="JavaScript"
      TYPE="text/javascript">

</SCRIPT>

The code above is placed in the HEAD portion of the document.

The code assumes that the IMG tags of the clock are the first IMG tags on the page; if they are not, the number after startpict has got to be changed. If there is one picture before the clock the number should be changed to 1, if there are two pictures before the clock the number should be changed to 2 etc

The code also assumes that the 10 pictures used are named 0.gif, 1.gif, 2.gif etc, that the colon is represented by a picture named kolon.gif and that the image files and the HTML file is in the same folder or directory.

Replace the numbers after WIDTH and HEIGHT in the code below by the WIDTH and HEIGHT of your pictures; this part of the code should be placed where the clock is to be displayed.

<SCRIPT LANGUAGE="JavaScript"
      TYPE="text/javascript">

</SCRIPT>

Add a call (that will start the clock) after BODY ONLOAD, like this:

<BODY ONLOAD="showtime()">

You can copy the code and use it almost as it is - but do not forget to

change the WIDTH and the HEIGHT!
perhaps change the number after startpict
perhaps change the number 600, on the line if((document.images)&&(iljdone<600)); this line determines for how long (how many seconds) the clock is working