@burakkggul/create-analog-clock
Version:
Analog clock builder command line interface.
18 lines (16 loc) • 657 B
JavaScript
const secondHand = document.querySelector(".second-hand");
const minHand = document.querySelector(".min-hand");
const hourHand = document.querySelector(".hour-hand");
function setDate() {
const now = new Date();
const seconds = now.getSeconds();
const secondsDegree = (seconds / 60) * 360 + 90;
secondHand.style.transform = `rotate(${secondsDegree}deg)`;
const min = now.getMinutes();
const minDegree = (min / 60) * 360 + 90;
minHand.style.transform = `rotate(${minDegree}deg)`;
const hour = now.getHours();
const hourDegree = (hour / 12) * 360 + 90;
hourHand.style.transform = `rotate(${hourDegree}deg)`;
}
setInterval(setDate, 1000);