閒暇時間屬性一下HTML，JavaScript相關的知識，畢竟好久都沒有碰過前端了，有時候想想寫一些簡單的前端頁面也是不錯的休閒方式吧，畢竟看著一點點實現具體功能，心中就會產生一種成就感！

看到一個HTML動態顯示系統時間，呼叫了javascript的Date物件，在javascript中new 一個date物件，並且根據這個date物件獲取相應的時間日期的具體日期時間，比如 年 月 日 時分秒，星期等資訊。

建立date物件

， 具體語法如下

dateObject = new Date（）；

date物件中的方法

：

getFullYear（） //獲取年份

getMonth（） // 獲取月份

getDate（） //獲取日期

getDay（） //獲取星期

getHours（） //獲取小時

getMinutes（） //獲取分鐘

getSeconds（） //獲取秒

如果想頁面中展示時間在dev上，必須有一段html程式碼，而且要使時間動態變化，就需要動態的改變頁面中的時間，可以使用頁面載入時間，設定1秒中載入一次，顯示日期的javascript的方法，具體程式碼如下

<！DOCTYPE html>

上述程式碼中：函式showTime是建立Date物件，並且拼接出需要展示的內容，最後將內容設定到clock中取，在實際呼叫的時候，使用window物件的on​load時間，首先id獲取到需要改變內容的DOM節點，然後將這個dom物件傳入到show函式中，然後設定頁面1秒中呼叫一次，最終效果如下：