js實現動態顯示時間
阿新 • • 發佈：2018-07-22
css rip 無法顯示 寫入 title 定時器 order date oca
思路：
*得到當前時間
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>
js實現動態顯示時間