带开始暂停按钮的html5圆形计时器代码

一款简单实用的带有开始暂停按钮的60秒一分钟html5 canvas圆形计时器代码，一分钟后显示时间到。

js代码

<script type="text/javascript">
$(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;
	});
		
});
</script>

在线预览
资源均来自第三方，谨慎下载，前往第三方网站下载