JavaScript基础5——动态显示时间

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title>动态显示时间</title>
 6     </head>
 7     <body>
 8         <div id="time"></div>
 9         <script type="text/javascript">
10             function getDate() {
11                 // 获取当前事件
12                 var date = new Date();
13                 // 格式化
14                 var dateStr = date.toLocaleString();
15                 // 获取div
16                 var div = document.getElementById("time");
17                 div.innerHTML = dateStr;
18             }
19             // 使用定时器
20             setInterval("getDate()", 1000);
21         </script>
22     </body>
23 </html>