js+css3制作简单圆形时钟特效-站长技术网

js+css3制作简单圆形时钟特效

时间:2019-11-15 11:30:52 来源:网络收集作者:不详点击:次

源码授权：免费特效运行环境： JS+CSS3 源码大小： 151 KB
普通会员
点击下载

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>
js+css3制作简单圆形时钟特效