Display the Current Time in status bar : Time « Development « JavaScript DHTML






  1. JavaScript DHTML
  2. Development
  3. Time

Display the Current Time in status bar


/*
JavaScript Bible, Fourth Edition
by Danny Goodman 

John Wiley & Sons CopyRight 2001
*/

<HTML>
<HEAD>
<TITLE>Status Bar Clock</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
var flasher = false
// calculate current time, determine flasher state,
// and insert time into status bar every second
function updateTime() {
    var now = new Date()
    var theHour = now.getHours()
    var theMin = now.getMinutes()
    var theTime = "" + ((theHour > 12) ? theHour - 12 : theHour)
    theTime += ((theMin < 10) ? ":0" : ":") + theMin
    theTime  += (theHour >= 12) ? " pm" : " am"
    theTime += ((flasher) ? " " : "*")
    flasher = !flasher
    window.status = theTime
    // recursively call this function every second to keep timer going
    timerID = setTimeout("updateTime()",1000)
}
//-->
</SCRIPT>
</HEAD>
<BODY onLoad="updateTime()">
</BODY>
</HTML>








Related examples in the same category

1.Formats the current hour and displays it in a static or dynamic way
2.Times Table
3.A Clock Script
4.Update Time per second
5.Time: hour, minutes, and seconds.
6.Creating a Clock Object and Displaying the Results on the Page
7.Morning or Evening
8.Time value
9.Get the current time and then extract the hours, minutes and seconds