HTML+JS实现时钟

HTML+JS实现时钟

效果：

知识点：

1. Canvas 对象及其属性。
2. setTimeout() 方法，用于在指定的毫秒数后调用函数或计算表达式。
3. Date()对象
4. 时分秒对应弧度制的计算：

      var pi=Math.PI
      var dat=new Date()
	  var hours=dat.getHours()  //获取小时
	  var minuntes=dat.getMinutes()  //获取分钟
	  var seconds=dat.getSeconds()   //获取秒
	  var seconds_angle=pi/180*(360/60)*seconds   //计算秒针的弧度
	  var minuntes_angle=pi/180*(360/60)*minuntes+seconds_angle/60   ////计算分针的弧度  
      var hours_angle=pi/180*(360/12)*hours+minuntes_angle/12    ////计算时针的弧度

代码：