状态栏时间显示效果数字钟

更新时间：2009年10月26日 16:39:04 作者：

JavaScript日期特效，在状态栏显示一个数字钟，虽然现在不怎么用，但本代码有助于研究JavaScript对IE对象的控制技巧，必要时参考一下。

<HTML> <HEAD> <TITLE>状态栏显示时间——数字钟</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.getSeconds() 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"> <div style="width: 65; height: 19; position: absolute; left: 20; bottom:0">请看状态栏:</div> </BODY> </HTML>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

一个可以显示当前年份以及生肖的js代码
一个显示当前年份以及生肖的js代码，需要的朋友可以参考下。
2010-12-12
JavaScript自定义DateDiff函数(兼容所有浏览器)
JavaScript自定义DateDiff函数兼容所有浏览器,DateDiff用来返回两个日期的时间间隔
2012-03-03
javascript中获取下个月一号，是星期几
如果今天是5月30日，通过上面的代码，我应该是获取到下个月，即6月1日是星期几？并赋值给变量fday的实现代码
2012-06-06
js定时显示广告的实现代码[已测]
有时候需要定时显示指定的广告，那么就可以参考下面的代码了
2012-02-02
如何显示当天日期
如何显示当天日期...
2006-11-11
JavaScript 模仿vbs中的 DateAdd() 函数的代码
JavaScript 模仿vbs中的 DateAdd() 函数的代码...
2007-08-08
原生js 秒表实现代码
使用setTimeout递归处理。在这之中，有一个很重要的问题——延迟，这样的做法和系统CPU资源有很大关系，而且函数的调用也要耗费时间，最终就导致计数的误差越来越大
2012-07-07
JavaScript blog式日历控件新算法
近来要做一个记事本系统，想找一个合适的日历控件，但网上的都是那种日历选择控件。于是到qq的记事本系统找了一个，但里面的算法有点落后，所以用了它的样式自己写了个。
2008-09-09
非常酷的有农历的日历挂历!
非常酷的有农历的日历挂历!...
2006-07-07
javascript倒计时效果代码，可以方便参数调用
网上看到一个js倒计时效果代码，但没能改成参数调用的，唉，好久没练了，后来在经典论坛版主caiying2007的帮助下解决了
2008-04-04