canvas动画时钟

在html代码中，插入canvas标签

<canvas id="dialCanvas"></canvas>
<canvas id="handCanvas"></canvas>

设置canvas的css样式

        
position:absolute;
left:50%;
top:50%;
transform:translate(-50%, -50%);
	

写入了两个画布，一个是为了画静态的表盘，另一个是为了画动态的指针

在js中创建画布，进行相关的初始化设置

var width = 600;  
var height = 600;
var dialRadius = 200; //表盘半径
var cx = width / 2;
var cy = height / 2;

//获取canvas
var dialCanvas = document.getElementById("dialCanvas");
var handCanvas = document.getElementById("handCanvas&