JS-网页时钟

load事件
onload事件句柄
onload 事件会在页面或图像加载完成后立即发生。写在body中

setInterval()可按照指定的周期（以毫秒计）来调用函数或计算表达式
clearInterval()清除setInterval()的调用
setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。setTimeout(code,millisec)
clearTimeout() 方法可取消由 setTimeout() 方法设置的 timeout。

 1 <!doctype html>
 2 <html lang="en">
 3  <head>
 4   <meta charset="UTF-8">
 5   <meta name="Generator" content="EditPlus®">
 6   <meta name="Author" content="">
 7   <meta name="Keywords" content="">
 8   <meta name="Description" content="">
 9   <title>网页时钟</title>
10  </head>
11  <!--load事件
12      onload事件句柄
13      onload 事件会在页面或图像加载完成后立即发生。写在body中
14  -->
15  <body onload="startTime()">
16     <!--
17     setInterval()可按照指定的 周期（以毫秒计）来调用函数或计算表达式
18     clearInterval()清除setInterval()的调用
19     setTimeout() 方法用于在 指定 的毫秒数后调用函数或计算表达式。setTimeout(code,millisec)
20     clearTimeout() 方法可取消由 setTimeout() 方法设置的 timeout。
21     -->
22      <script type="text/javascript">
23         function openTime(){
24             //获取系统当前时间
25             var nowtime=new Date().toLocaleString();
26             //获取div
27             var divId=document.getElementById("divId");
28             //把当前时间放入div中
29             divId.innerHTML=nowtime;
30         }
31         function startTime(){
32             //setInterval()可按照指定的周期（以毫秒计）来调用函数或计算表达式
33             //setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。
34             id=window.setInterval("openTime()",1000);
35         }
36         function closeTime(){
37             //使用clearInterval()
38             window.clearInterval(id);
39         }
40      </script>
41      <input type="button" value="开始" onclick="startTime()">
42      <input type="button" value="结束" onclick="closeTime()">
43      <div id="divId"></div>
44   
45  </body>
46 </html>