使用date物件顯示系統當前時間並自動更新
阿新 • • 發佈：2019-02-05
感覺真的好神奇，顯示當前系統時間，並自動更新，這裡需要注意一點，<script></script>標籤要寫在<body></body>之後，無法獲取當前時間
程式碼：
<!doctype html> <html> <head> <meta charset="utf-8"> <title>獲取當前系統時間</title> </head> <body> 當前系統時間：<span id="time"></span> </body> <script type="text/javascript"> function showDate() { //獲取系統時間 var date = new Date(); //獲取當前年月日，時分秒 var str = date.getFullYear() + "年 " + (date.getMonth() + 1) + "月 " + date.getDate() + "日 " + "星期" + date.getDay() + " " + date.getHours() +"時 " + date.getMinutes() + "分 " + date.getSeconds() + "秒 " //將格式化好的時間顯示在葉面的span標籤體中 var span = document.getElementById("time"); //插入span標籤中內容 span.innerHTML = str.fontcolor("red"); //setTimeout(程式碼, 毫秒數) 經過指定毫秒值後執行指定的程式碼（只執行一次） window.setTimeout("showDate()",1000); } showDate(); </script> </html>