注册 登录 充值会员 退出
毕业设计 PHP源码
充值

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

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2017-09-08
带开始暂停按钮的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>