html5 canvas创意个性化圆形时钟动画特效

来源:https://www.sucaihuo.com/js/3801.html 2018-07-11 11:42浏览(856) 收藏

html5 canvas创意个性化圆形时钟动画特效,真没想到时钟指针还可以这样玩!
html5 canvas创意个性化圆形时钟动画特效
分类:日期时间 > 计时器 难易:初级
查看演示 下载资源 下载积分: 10 积分

js代码

<script type="text/javascript" src="js/index.js"></script>
<script>
	function displayTime() {
		var elt = document.getElementById("todaydatetime");
		var now = new Date();
		var h = now.getHours();
		var m = now.getMinutes();
		var s = now.getSeconds();
		var ms = now.getMilliseconds();
		elt.innerHTML =h + "小时:" + m + "分:" + s + "秒:" + ms;
		setTimeout(displayTime, 100);
	}
	displayTime();
</script>
标签: 时钟圆形时钟
评论0
头像

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

1 2