前台显示钟表的小程序

公告

View Post

刚刚接触Javascript，试着在自己的网站首页添加一个时钟显示，可以显示星期与时钟，废话不多说。程序如下。

 1 <head runat="server">
 2     <title>前台显示钟表</title>
 3     <script type="text/javascript">
 4         var weekday = new Array(7);
 5         weekday[0] = "星期日"
 6         weekday[1] = "星期一"
 7         weekday[2] = "星期二"
 8         weekday[3] = "星期三"
 9         weekday[4] = "星期四"
10         weekday[5] = "星期五"
11         weekday[6] = "星期六"
12         function starttime()
13         {
14             var today = new Date();
15             var h = today.getHours();
16             var m = today.getMinutes();
17             var s = today.getSeconds();
18             //首位加0，使格式整齐
19             m = checktime(m);
20             s = checktime(s);
21             document.getElementById('timershow').innerHTML =weekday[today.getDay()]+" "+ h + ":" + m + ":" + s;
22 
23             t = setTimeout('starttime()', 500);
24         }
25         function checktime(i)
26         {
27             if (i < 10)
28             {
29                 i = "0" + i;
30             }
31             return i;
32         }
33       
34     
35     </script>
36 </head>
37 <body onload="starttime()">
38     <form id="form1" runat="server">
39     <div id="timershow"> 
40     </div>
41     </form>
42 </body>

posted on 2013-04-01 11:44 captain_neu 阅读(231) 评论(0) 收藏举报

刷新页面返回顶部