Status Bar Clock

Status Bar Clock

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″>

Leave a Reply

You must be logged in to post a comment.


All material @ copyrighted by chrisranjana.com. If you want to link to this article you are welcome to do so. Unauthorized publication is strictly prohibited. This developer tutorial website contains articles by Php programmers , Software developers, Mysql programmers and asp c# programmers. This website also contains ajax tutorials and advanced mysql sql stored procedures and functions tutorials and sample codes.