1、問題並不繁瑣，在於HTML中 DOM（文檔對象模型）方法的掌握，我的鍾表實現重點用到了三個函數和一個事件
A）setInterval() 方法可按照指定的周期（以毫秒計）來調用函數或計算表達式。setInterval() 方法會不停地調用函數，直到 clearInterval() 被調用或窗口被關閉。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的參數。
簡而言之，這個方法有兩個參數，第一個參數是指定需要被調用的函數，第二個參數是指定時間，即以多少毫秒為周期（1000毫秒=1秒）去重復調用指定的方法。結束標志看上述W3c的標准解釋。
B）new Date(); 在JavaScript中，所有的變量在該語言中是當做對象來看待的，在使用封裝好的方法時需要使用new開辟出來，具體不在詳細介紹，有高手比我講述的會更詳細。
C）需要查找文檔中的一個特定的元素，最有效的方法是 getElementById()。在操作文檔的一個特定的元素時，最好給該元素一個 id 屬性，為它指定一個（在文檔中）唯一的名稱，然后就可以用該 ID 查找想要的元素。所以，在div中加一個Id用此方法調用，就實現了連接。
事件： window.onload window.onload是一個事件，當文檔加載完成之后就會觸發該事件，可以為此事件注冊事件處理函數，並將要執行的腳本代碼放在事件處理函數中，於是就可以避免獲取不到對象的情況。
以下是程序實現
注意<body>標簽中 寫的<div id ="timeshow"></div>
此處之所以給div寫id就是為了script標簽中document.getElementById方法的調用。
注釋1：window.onload=function(){ 整個script標簽內的所有語句 } 之所以加這個方法，在一定程度上講是為了安全性，保證這些代碼在文本代碼運行之后一定運行，等於加個安全措施，至於安全措施有沒有必要加，看官試試就好。
注釋2：setInterval(function() { },要求周期時間)，之所以將整個代碼全部框起來是為了更加顯而易見，使看官明白處理的是哪些代碼，更加直觀
注釋3：從var dt =new Date(); 至 if(s<10){s="0"+s;} 這一段代碼要明白，是在表示時期格式，將Date拆分之后 對每個屬性進行一個修飾，if語句段屬於對數據進行修飾。
注釋4：innerHTML的作用是將調用方法的產物輸出在頁面上，也就是每次接收每次返回html中的內容。
以上就是html中實現時鍾的步驟，有問題請留言，有時間我會盡可能的解答，也非常樂意指正不足之處。