Home / code ClockWriter: Xavier R.Published: 27 March 2008This 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
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.
TOP
