效果比较简单，没有放满各个时刻（网上这类例子很多）

 

这里有一点取巧：画完外圈圆、内圈圆后，将原点（默认为0,0）转换为圆的中心点，这样的话，只需要知道角度，在已知时针、分针、秒针它的长度情况下，很容易求出对应的坐标(x, y)

在求的时候需要注意的是，先要将得到的弧度 – 1/2*Math.PI，以时针为例，一圈分为12个刻度，那么1个小时对应的弧度为 hour * 30 * Math.PI / 180 – 1/2*Math.PI。

 

完整的示例代码：

   
          
     
           您当前使用的浏览器不支持Canvas 
        

在线运行示例：

Canvas Clock 您当前使用的浏览器不支持Canvas 预览代码