Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- setInterval(setClock, 1000)
- const hourHand = document.querySelector('[data-hour-hand]')
- const minuteHand = document.querySelector('[data-minute-hand]')
- const secondHand = document.querySelector('[data-second-hand]')
- function setClock() {
- const currentDate = new Date()
- const secondsRatio = currentDate.getSeconds() / 60
- const minutesRatio = (secondsRatio + currentDate.getMinutes()) / 60
- const hoursRatio = (minutesRatio + currentDate.getHours()) / 12
- setRotation(secondHand, secondsRatio)
- setRotation(minuteHand, minutesRatio)
- setRotation(hourHand, hoursRatio)
- }
- function setRotation(element, rotationRatio) {
- element.style.setProperty('--rotation', rotationRatio * 360)
- }
- setClock()
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement