动态的在浏览器中动态的显示时间

总结：

1、定时器setInterval的使用
2、date的初始化和方法
 1 <!DOCTYPE html>
 2 <html lang="zh-cn">
 3 <head>
 4     <meta charset="utf-8">
 5     <title>7-50 课堂演示</title>
 6     <link rel="stylesheet" type="text/css" href="style.css">
 7     <style type="text/css">
 8     </style>
 9 </head>
10 <body>
11     <script>
12         function clock(){
13             var today=new Date();
14             var hours=today.getHours();
15             var minutes=today.getMinutes();
16             var seconds=today.getSeconds();
17             var str="现在时间：";
18 
19             if(hours<12){
20                 str+='上午';
21             }else{
22                 str+='下午'
23             }
24 
25             str+=hours+'时'+minutes+'分'+seconds+'秒';
26 
27             // document.write(str)
28             var clock=document.getElementById('clock')
29             clock.value=str
30             
31         }
32         var timeId=setInterval('clock()',1000)
33     </script>
34     <input type="text" id="clock" size="40">
35     <input type="button" id="clock" size="40"  value="停止时间" onclick="clearInterval(timeId) ">
36 </body>
37 </html>