js-clock/main.js
2022-04-25 10:59:19 +03:00

13 lines
No EOL
523 B
JavaScript

setInterval(setClock, 1000);
function setClock() {
const currentDate = new Date();
const secRatio = currentDate.getSeconds() / 60;
const minRatio = (secRatio + currentDate.getMinutes()) / 60;
const hrsRatio = (minRatio + currentDate.getHours()) / 12;
document.getElementById('sek').style.setProperty('--rotation', secRatio * 360);
document.getElementById('min').style.setProperty('--rotation', minRatio * 360);
document.getElementById('hrs').style.setProperty('--rotation', hrsRatio * 360);
}