js+css3圆形指针时钟代码

js+css3圆形指针时钟代码-精品资源网
js+css3圆形指针时钟代码
此内容为免费资源,请登录后查看
0
免费资源

js+css3圆形指针时钟代码

这是一款原生js+css3制作的圆形指针时钟代码,简单的网页圆形时钟特效。

js代码

<script type=\"text/javascript\">		
	var divH = document.getElementsByClassName(\"time_h\")
	var divM = document.getElementsByClassName(\"time_m\")
	var divS = document.getElementsByClassName(\"time_s\")
	setInterval(function() {
		var newtime = new Date()
		var h = newtime.getHours()
		var m = newtime.getMinutes()
		var s = newtime.getSeconds()
		console.log(h,m,s)
		divH[0].style.transform = \"rotate(\" + (-90 + h * 30) + \"deg)\"
		divM[0].style.transform = \"rotate(\" + (-90 + m * 6) + \"deg)\"
		divS[0].style.transform = \"rotate(\" + (-90 + s * 6) + \"deg)\"
	}, 1000)
</script>

© 版权声明
THE END
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容