function rotateClockHands() {
const date=new Date();
const hours=date.getHours();
const minutes=date.getMinutes();
const seconds=date.getSeconds();
const hourHand=document.querySelector('.hour-hand');
const minuteHand=document.querySelector('.minute-hand');
const secondHand=document.querySelector('.second-hand');
const hourRotation=(hours % 12) 30 + (minutes / 60) 30;
const minuteRotation=(minutes / 60) 360;
const secondRotation=(seconds / 60) 360;
hourHand.style.transform=`translate(-50%, -100%) rotate(${hourRotation}deg)`;
minuteHand.style.transform=`translate(-50%, -100%) rotate(${minuteRotation}deg)`;
secondHand.style.transform=`translate(-50%, -100%) rotate(${secondRotation}deg)`;
}
setInterval(rotateClockHands, 1000);
通过天知易学小编的介绍,相信大家对以上问题有了更深入的了解,我们将不断更新,喜欢我们记得收藏下,感谢大家。
