在线Html5 Canvas圆形计时器_Javascript秒表特效源代码
2015-11-03 10:52:53  By: dwtedx

本Demo是一款html5 canvas圆形计时器源代码、并使用了非常好看的动画特效、Demo是一款简单实用的带有开始暂停按钮的60秒一分钟圆形计时器、效果非常不错、js代码已经封装好了、只需要在index.html里面简单调用即可、效果图如下

JS引入

<script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.pietimer.min.js"></script>

HTML代码

<div> <p> <a href="#">开始</a> <a href="#">暂停</a> </p> <br/> <p></p> <p>时间到！</p> </div>

JS代码

$(function(){ $(´.boom´).hide(); $(´#demo´).pietimer({ seconds: 60, color: ´rgba(0, 0, 0, 0.8)´, height: 100, width: 100 },function(){ $(´.boom´).show(´slow´); }); $(´a#start´).click(function(){ $(´.boom´).hide(); $(´#demo´).pietimer(´start´); return false; }); $(´a#pause´).click(function(){ $(´#demo´).pietimer(´pause´); return false; }); });

最后给贴上Demo的源代码、希望对大家有用、有兴趣的哥们可以下载看看

源代码下载链接: ?bdkey=s/1dDkCuYl 密码: jdw8

若资源对你有帮助、、关注DD博客微信公众号（ddblogs）吧

想获得DD博客的时时一手代码请关注我的新浪微博

有任何疑问或要获取更多代码、可以在下面进行评论哈、希望不吝赐教

或者你也可以给我留言:

感谢你的访问、祝你生活愉快、欢迎常来逛逛