JavaScript date effects: a digital clock is displayed in the status bar. Although it is not very useful now, this code helps to study JavaScript's control skills on IE objects. If necessary, refer to it.
<HTML> <HEAD> <TITLE> status bar display time-digital clock </TITLE> <META content = "text/html; charset = gb2312 "http-equiv = Content-Type> <SCRIPT language = JavaScript> 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. getSeco Nds () var timeValue = "" + (hours> 12 )? Hours-12: hours) timeValue + = (minutes <10 )? ": 0": ":") + minutes timeValue + = (seconds <10 )? ": 0": ":") + seconds timeValue + = (hours> = 12 )? "Pm": "am" window. status = timeValue; document. title = timeValue; timerID = setTimeout ("showtime ()", 1000); timerRunning = true;} function startclock () {stopclock (); showtime ();} window. onload = startclock SCRIPT <style> body {font-family: Tahoma; font-size: 9pt; color: # FFFFFF }</style> </HEAD> <BODY bgColor = #336699 id = all text = #000000 topmargin = "0" leftmargin = "0"> <p style =" width: 65; height: 19; position: absolute; left: 20; bottom: 0 "> Please refer to the status bar: </p> </BODY> </HTML>
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]