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

js+css3圆形指针时钟代码

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2019-03-06
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>