代码:
<html>
<head>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<title>clock</title>
<script language="JavaScript">
$(document).ready(function()
{
startclock();
});
var timerID=null;
var timerRunning=false;
//启动
function startclock()
{
var now = new Date();
stopclock();
time();
}
//停止
function stopclock()
{
if(timerRunning)
clearTimeout(timerID);
timerRunning=false;
}
//实现模块
function time()
{
//使用new操作符创建时间对象
var now=new Date();
var yr=now.getYear();
var mName=now.getMonth()+1;
var dayNr=((now.getDate()<10)?"0":"")+now.getDate();
var dName=now.getDay()+1;
var ampm=(now.getHours()>=12)?"下午":"上午"
var hours=now.getHours();
hours=((hours>12)?hours-12:hours);
var minutes=((now.getMinutes()<10)?":0":":")+now.getMinutes();
var seconds=((now.getSeconds()<10)?":0":":")+now.getSeconds();
//判断今天是星期几
if(dName==1)Day="星期天";
if(dName==2)Day="星期一";
if(dName==3)Day="星期二";
if(dName==4)Day="星期三";
if(dName==5)Day="星期四";
if(dName==6)Day="星期五";
if(dName==7)Day="星期六";
//判断月份
if(mName==1)Month="1月";
if(mName==2)Month="2月";
if(mName==3)Month="3月";
if(mName==4)Month="4月";
if(mName==5)Month="5月";
if(mName==6)Month="6月";
if(mName==7)Month="7月";
if(mName==8)Month="8月";
if(mName==9)Month="9月";
if(mName=10)Month="10月";
if(mName=11)Month="11月";
if(mName=12)Month="12月";
var DayOfWeek=(""+Day+"");
var ymd = yr+"年"+Month+dayNr+"日";
var time = ampm + ":" + hours + minutes + seconds;
document.getElementById("ydm").innerHTML = ymd;
document.getElementById("time").innerHTML = time;
timerID=setTimeout("time()",1000);
timerRunning=true;
}
</script>
</head>
<body>
<div id="clock">
<h2 id="ydm"></h2><br/>
<h2 id="time"></h2><br/>
</div>
</body>
</html>
由于例子使用了sitemesh,sitemesh与body的onload事件有冲突.所以直接使用了jquery库.