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>
在线预览
资源均来自第三方,谨慎下载,前往第三方网站下载
本站所有文章、数据、图片均来自互联网,一切版权均归源网站或源作者所有。
如果侵犯了你的权益请来信告知我们删除。邮箱:737597453@qq.com


