| If you're
looking for a way to spice up your web site, this JavaScript code will enable
you to display a status bar clock. The status bar is the area at the bottom
of a web page that displays various information, such as a web address or
link information when you place your mouse over or click on a
link.
Example displayed
below in the status bar.
Place this code between your <HEAD> and </HEAD> tags:
<script
Language="JavaScript">
<!-- Script courtesy of http://www.web-source.net - Your Guide to Professional
Web Site Design and Development
// Navigation - Stop
// Netscapes Clock - Start
// this code was taken from Netscapes JavaScript documentation at
// www.netscape.com on Jan.25.96
var timerID = null;
var timerRunning = false;
function stopclock (){
if(timerRunning)
clearTimeout(timerID);
timerRunning = false;
}
function showtime () {
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds()
var timeValue = "" + ((hours >12) ? hours -12 :hours)
timeValue += ((minutes < 10) ? ":0" : ":") + minutes
timeValue += ((seconds < 10) ? ":0" : ":") + seconds
timeValue += (hours >= 12) ? " P.M." : " A.M."
window.status = timeValue;
// you could replace the above with this
// and have a clock on the status bar:
//
timerID = setTimeout("showtime()",1000);
timerRunning = true;
}
function startclock () {
// Make sure the clock is stopped
stopclock();
showtime();
}
// -->
</script> |
Place the bold code within
your <BODY> tag:
| <BODY
onLoad="startclock()"> |
Place this code below
your <BODY> tag:
| <form
name="clock" onSubmit="0"> |
|
|