1 <!DOCTYPE html>
2 <html>
3 <head lang="en">
4 <meta charset="UTF-8">
5 <title>js练习 js是脚本语言直接运行在浏览器上的。</title>
6 <script type="text/javascript">
7 var myinterval="";
8 window.onload=function() {//当整个页面加载完以后再回来执行这个代码段
9 myinterval=window.setInterval(getDatenow,1000);//每隔一千毫秒执行一次这个函数
10 }
11
12 function getDatenow(){
13 var nowdate=new Date();
14 var a=nowdate.getFullYear();
15 var b=nowdate.getMonth();
16 var c=nowdate.getDate();//返回一个月中的天
17 var d=nowdate.getHours();
18 var e=nowdate.getMinutes();
19 var f=nowdate.getSeconds();
20 var str=a+"-"+b+"-"+c+" "+d+":"+e+":"+f;
21 document.getElementById("span01").innerHTML=str;
22 }
23 function stoptime() {
24 window.clearInterval(myinterval);//清除计时器
25 }
26 function starttime() {
27 window.setInterval(getDatenow,1000);//重新开始计时器
28 }
29
30 </script>
31 </head>
32 <body>
33 <span id="span01"></span>
34 <input onclick="stoptime();" type="button" value="停止">
35 <input onclick="starttime();" type="button" value="开始">
36 </body>
37 </html>
