用js做时钟

1、做表盘。正方形，也就是将表的框架固定好.   

<div class="clock">
    <canvas id="view" height="400px"width="400px"></canvas>
</div>

2、画圆。在表盘上画一个圆，这样子会更好看一些，在画线的过程中注意开始画线与结束画线，可以说，在一定程度上，电脑就是个智障。有开始画线，就有结束画线。没有结束画线的话，如果继续画线，那么画线将在上一条线结束点开始。所以切记，一定要有结束画线。

//画圆
ctx.beginPath();
ctx.arc(200,200,200,0,Math.PI*2,false);
ctx.lineWidth=3;
ctx.strokeStyle='blue';
ctx.stroke();
ctx.closePath()

3、做刻度。刻度的话，分为两部分，一部分是分钟刻度，还有一部分是小时刻度。画刻度是有先后的，首先画分钟刻度，之后再画小时刻度，因为小时刻度较为长，后画小时刻度会掩盖在小时刻度线上的分钟刻度，当然如果小时刻度与分钟刻度颜色一样就没必要分前后了。画刻度是有规律的，所以我们可以使用for循环，我们可以使用这样一个方法，找到两个圆，同一个圆心，半径不同的同心圆，将内圆作为画刻度的起始点，外圆作为画刻度的结束点，但是我们这个点我们是得计算的我们将表盘的左上角作为原