头像

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

来源:http://www.sucaihuo.com/js/3801 素材火管理员 2018-07-11 11:42浏览(361) 收藏

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

程序员,你不是一个人;网站开发QQ群:698377651,在线充值,或联系QQ1556472052直接充值

查看演示 下载资源: 8 下载资源 下载积分: 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>
标签: 时钟圆形时钟
最新交易
评论6
头像

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

  • 头像 5楼
    07-17 11:26
    aa***il
    哇,这个时钟很厉害啊
  • 头像 4楼
    07-13 11:59
    AJ***on
    很帅,很有艺术感,太有才了,谢谢分享出来学习!
  • 头像 3楼
    07-13 08:31
    崔***啊
    很有创意的特效啊,很不错,留着学习学习
  • 头像 板凳
    07-12 09:22
    u *** ゜
    画布时钟还可以这样啊,厉害了,我当时完全没有想这方面。。可以学习
  • 头像 椅子
    07-12 02:53
    sz***ne
    效果杠杠的素材火东西还是很全的
  • 头像 沙发
    07-11 17:26
    K***ng
    厉害了哥们,值得学一下
1 2