Status Bar Clock
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.
____________________________________________________________________________________
Wenn Sie auf der Suche nach einem Weg zu würzen Sie Ihre Web-Site, diese JavaScript-Code wird Ihnen erlauben, um eine Statusleiste Uhr. Die Statusleiste ist der Bereich am unteren Ende einer Webseite zeigt, dass verschiedene Informationen, wie zum Beispiel eine Web-Adresse oder einen Link Informationen, wenn Sie Ihre Maus über oder auf einen Link klicken.
Beispiel angezeigt unten in der Statusleiste.
_______________________________________________________________________________________
Place this code between your <HEAD> and </HEAD> tags:
<script Language=”JavaScript”>
<!– Script courtesy of http://www.baldwinit.com – Baldwinit.com Website Design
// 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″>
If you enjoyed this post, please consider to leave a comment or subscribe to the feed and get future articles delivered to your feed reader.
Comments
No comments yet.
Leave a comment