用HTML5的canvas实现一个炫酷时钟效果

1. function draw(){                cntH.clearRect(0,0,needles.width,needles.height);   
2.             var mzneedle=new clockNeedle(cntH,200,1,'rgba(0,0,0,.5)','round',2);                //最后一个参数0代表画时针，1画分针，2画秒针   
3.             var fzneedle=new clockNeedle(cntH,80,3,'rgba(0,0,0,.4)','round',0);                var szneedle=new clockNeedle(cntH,140,2,'rgba(0,0,0,.3)','round',1);   
4.             mzneedle.drawNeedle();                fzneedle.drawNeedle();   
5.             szneedle.drawNeedle();                cntH.arc(200,200,5,0,2*Math.PI);   
6.             cntH.fillStyle='rgba(0,0,0,.5)';                cntH.fill();   
7.  }     setInterval(draw,1);  

下面附上该时钟的图片：

以上这篇用HTML5的canvas实现一个炫酷时钟效果就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持易采站长站。

原文地址：http://www.cnblogs.com/ww-ervin-72/p/5325773.html