JS实现时钟.

来源：互联网发布：淘宝网双11销量编辑：程序博客网时间：2024/05/17 01:57

代码：

<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库.