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

更新时间：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需再刷新一下页面才能执行]

您可能感兴趣的文章:

JCalendar 日历控件 v1.0 beta[兼容IE&Firefox] 有文档和例子
JCalendar 日历控件 v1.0 beta[兼容IE&Firefox] 有文档和例子...
2007-05-05
JavaScript 判断日期格式是否正确的实现代码
没有多大变动，主要是返回错误信息，以便调用函数部分可以alert出来。据说可以用正则表达式校验，下次再研究下。
2011-07-07
一个简单横向javascript日期控件
2007-12-12
javascript 日期常用的方法
日期的换算比较和日期的格式判断需要的朋友可以参考下。
2009-11-11
JavaScript日历实现代码
写过很多日历，大多都是显示用的，最近项目中要用到可精确到秒的时间选择器，于是就动手写了个。
2010-09-09
Javascript日期对象的dateAdd与dateDiff方法
先贴出我写的javascript代码，后面有使用参考。
2008-11-11
转一个日期输入控件，支持FF
转一个日期输入控件，支持FF...
2007-04-04
javascript时区函数介绍
在js中的时区我们以般讲的是关于格林威治时间和本地时间之间的时差，以分钟为单位，这和php,asp没什么区别下面我们结合date()函数来介绍一下js时区的相关问题
2012-09-09
一个js写的日历（代码部分网摘）
这段代码忘记从哪里摘录的了，刚开始摘录的时候，水平有限，有些地方的写法没看懂；经过学习，现在终于能明白其中的含义了。
2009-09-09
自己整理的一个javascript日期处理函数
日期函数，没必要多说了吧？就是一般的日期比较，日期相加，获取当前time
2010-10-10