js實現動態顯示時間

本文轉載自查看原文 2019-07-08 16:48 3404 Javascript

思路：

*得到當前時間

　　var date = new Date();

　　//格式化為本地時間

　　var d1 = date.toLocaleString();

*使頁面每秒顯示一次時間

　　setInterval() 定時器實現

*顯示到頁面

　　獲取div標簽並將時間寫入

代碼：

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8" />
 5         <title>動態顯示時間</title>
 6         
 7         <style type="text/css">
 8             #times{
 9                 width: 200px;
10                 height: 20px;
11                 border: 3px solid gray;  /*如果不加實線無法顯示邊框*/
12             }
13         </style>
14     </head>
15     
16     <body>
17         <div id="times">
18             
19         </div>
20         
21         <script type="text/javascript">
22             //得到時間並寫入div
23             function getDate(){
24                 //獲取當前時間
25                 var date = new Date();
26                 //格式化為本地時間格式
27                 var date1 = date.toLocaleString();
28                 //獲取div
29                 var div1 = document.getElementById("times");
30                 //將時間寫入div
31                 div1.innerHTML = date1;
32             }
33             //使用定時器每秒向div寫入當前時間
34             setInterval("getDate()",1000);
35         </script>
36     </body>
37 </html>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 js動態顯示時間 Android中當前時間的動態顯示 JavaScript動態顯示當前時間兼容所有瀏覽器的JS動態顯示當前日期時間 js動態顯示當前時間+數字大小轉換+小於9前面補0 js利用時間戳動態顯示系統時間距指定時間的時間差 HTML通過使用JS動態顯示table內容在Excel中實現圖片動態顯示 / offset 函數基於OpenGL的三維曲面動態顯示實現《vue》實現動態顯示與隱藏底部導航方法！