顯示動態系統時間
阿新 • • 發佈:2022-03-14
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>使用JS和HTML5實現動態顯示系統時間</title> <style type="text/css"> #time { font-weight: bold; color: red; border: 1.5px soLid #3A3ADD; width: 200px; margin: 5px auto; text-align: center; } </style> </head> <body> <div id="time"></div> <script type="text/javascript"> var add = setInterval("getTime()", 1000); //這個函式主要是獲取時間然後寫入div中 function getTime() { var date = new Date().toLocaleString(); //建立date物件,獲取時間 var id1 = document.getElementById("time"); //通過div標籤的id多去div標籤 id1.innerHTML = date; //將時間通過innerHTML屬性寫入div標籤中 } </script> </body> </html>