js代碼

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)

總結

以上是生活随笔為你收集整理的css实现圆形钟表,js+css3圆形指针时钟代码的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。