Home / code / javascript / scripts

Clock

Writer: Xavier R.
Published: 27 March 2008

This is a clock that you can put on your site. It uses layers so you don't need to use a textbox. You can put it anywhere on your page.

<SCRIPT LANGUAGE="JavaScript">
<!-- Original:  Xavier R. (xav@lougaou.com) -->
<!-- Begin
/* This script and many more are available free online at */
/* http://www.webmaster2020.com */

function clock()
{
  if(!document.layers && !document.all) return;
  var digital = new Date();
  var hours = digital.getHours();
  var minutes = digital.getMinutes();
  var seconds = digital.getSeconds();
  var amOrPm = "AM";
  if(hours > 11) amOrPm = "PM";
  if(hours > 12) hours = hours - 12;
  if(hours == 0) hours = 12;
  if(minutes <= 9) minutes = "0" + minutes;
  if(seconds <= 9) seconds = "0" + seconds;
  dispTime = hours + ":" + minutes + ":" + seconds + " " + amOrPm;
  if(document.layers)
  {
        document.layers.pendule.document.write(dispTime);
        document.layers.pendule.document.close();
  }
  else
  if(document.all) pendule.innerHTML = dispTime;
  setTimeout("clock()", 1000);
}
//  End -->
</script>

You need to load the code in the body-tag:
<BODY onLoad="clock()"> 

With the following line you place the clock: 
<span id="pendule" style="position:absolute;left:300;top:20;"></span>

Another example:
<span id="pendule" style="position:relative"></span>

 

TOP