旋转钟表

<script>
// 获取当前时间戳
console.log(new Date())
console.log(new Date().getMonth())
console.log(new Date().getFullYear())
console.log(new Date().getDate())
console.log(new Date().getDay())
console.log(new Date().getHours())
console.log(new Date().getMinutes())
console.log(new Date().getSeconds())
var s=document.getElementById('s')
var h=document.getElementById('h')
var f=document.getElementById('f')
s.style.transform='rotate('+new Date().getSeconds()*6+'deg)'
h.style.transform='rotate('+new Date().getSeconds()*30+'deg)'
f.style.transform='rotate('+new Date().getSeconds()*6+'deg)'
</script>时间戳便是获得现在的年月日和秒,
在通过函数的运用进行输出你可以通过获取秒来输出分或者其他
,旋转表钟便是通过获取相对应的时间戳来进行分针时针秒针的旋转,
让他们想对应的时间旋转不同的度数
posted @ 2021-12-07 16:01  小张111  阅读(134)  评论(0)    收藏  举报