用canvas寫時鐘，實現效果如圖所示

1.獲取canvas和獲取繪圖環境

2.繪製錶盤

繪製一個圓心為（250，250），半徑為200的圓，0表示起始角度，2*Math.PI表示結束角度，false表示順時針開始畫

3.畫刻度

for迴圈建立刻度，以圓心為中心，先畫出12條線段，在畫出60條線段，12條線段比其他的粗，其實相當於把細的時刻遮蓋掉了。12個刻度之間相差30度，60個刻度之間相差6度。

效果如圖：

4.用for迴圈寫數字

效果如圖：

5.畫時針、分針，秒針

6.獲取當前時間

最後給這所有的建立過程新增一個計時器，setInterval(function(){},1000);每1000毫秒執行一次；在每一次建立之前，先清除畫布context.clearRect(0,0,500,500),再去建立。

注意：在繪製時針、分針、秒針的時候，每一個旋轉的角度是不同的：時針：context.rotate(hours*30*Math.PI/180);  分針：context.rotate(minutes*6*Math.PI/180);  

秒針：context.rotate(seconds*6*Math.PI/180);