js編寫動態時鐘
阿新 • • 發佈:2020-09-16
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>動態顯示時間</title> <style type="text/css"> #times{ width: 200px; height: 20px; border: 3px solid gray; /*如果不加實線無法顯示邊框*/ } </style> </head> <body> <div id="times"> </div> <script type="text/javascript"> //得到時間並寫入div function getDate(){ //獲取當前時間 var date = new Date();//格式化為本地時間格式 var date1 = date.toLocaleString(); //獲取div var div1 = document.getElementById("times"); //將時間寫入div div1.innerHTML = date1; } //使用定時器每秒向div寫入當前時間 setInterval("getDate()",1000);</script> </body> </html>