实现步骤：

1.创建canvas标签，设置width,height,id

2.获取canvas执行上下文，画表盘,封装(render)函数，清除整个画布（为之后指针动清除影子），包含刻度，小时刻度加重，小时文本，

3.画出指针,封装函数(drawGuid)，获取时间,把时间转换角度画出，

4.设置定时器，执行render,drawGuid函数

 

效果图：

HTML:

 

　　

CSS:

body{
         text-align: center;    }    #c{
         background: #FEFEFE;    }

 JS: