3种不同风格的HTML5 Canvas圆盘时钟样式

来源:https://www.sucaihuo.com/js/3568.html 2018-03-23 14:19浏览(964) 收藏

3种不同风格的HTML5 Canvas圆盘时钟样式代码,可自定义时钟的大小跟开始时间。
3种不同风格的HTML5 Canvas圆盘时钟样式
分类:日期时间 > 计时器 难易:初级
查看演示 下载资源 下载积分: 10 积分

js代码

<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/clock-1.1.0.min.js"></script>
<script>

	var clock = $("#clock").clock(),
		data = clock.data('clock');

	// data.pause();
	// data.start();
	// data.setTime(new Date());

	var d = new Date();
	d.setHours(9);
	d.setMinutes(51);
	d.setSeconds(20);

	var clock1 = $("#clock1").clock({
		width: 210,
		height: 305,
		theme: 't2',
		date: d
	});

	var clock2 = $("#clock2").clock({
		width: 150,
		height: 220,
		theme: 't3'
	});

</script>
标签: 时钟圆形时钟
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2