极速小乌龟

导航

获取本地时间 

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <script>
 6         //定义一个函数显示当前时间
 7         function displayTime(){
 8             //获取id=“clock”
 9             var elt=document.getElementById("clock");
10             //得到当前时间
11             var now=new Date();
12             //让elt来显示它
13             elt.innerHTML=now.toLocaleTimeString();
14             //在1秒后执行
15             setTimeout(displayTime,1000);
16         };
17        window.onload=displayTime;  //当onload事件发生时开始显示时间
18     </script>
19     <style>
20         #clock{
21             font:bold 24pt sans;
22             background: #ddf;
23             padding:10px;
24             border:solid black 2px;
25             -webkit-border-radius: 10px;
26             -moz-border-radius: 10px;
27             border-radius: 10px;
28         }
29     </style>
30     <title>数字时钟</title>
31 </head>
32 <body>
33 
34 <h1>时钟来了</h1>
35 <span id="clock"></span>
36 </body>
37 </html>

 

posted on 2017-08-09 15:28  极速小乌龟  阅读(200)  评论(0)    收藏  举报