注册 登录 充值会员 退出
网站、APP、小程序等定制开发,联系QQ 1206995177 毕业设计 java源码 PHP源码
充值

js+css3圆形指针时钟代码

作者/代码整理:  (源码已亲测,不会安装的可以向QQ1915635791要安装视频教程) 发布日期:2024-04-09
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>