| Server IP : 108.170.25.35 / Your IP : 3.139.104.23 Web Server : Apache/2 System : Linux gains.winzonesoftech.com 4.18.0-513.24.1.el8_9.x86_64 #1 SMP Mon Apr 8 11:23:13 EDT 2024 x86_64 User : brindhavan ( 1477) PHP Version : 8.1.28 Disable Function : exec,system,passthru,shell_exec,proc_close,proc_open,dl,popen,show_source,posix_kill,posix_mkfifo,posix_getpwuid,posix_setpgid,posix_setsid,posix_setuid,posix_setgid,posix_seteuid,posix_setegid,posix_uname MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/brindhavan/domains/brindhavanresidency.com/public_html/css/clock/ |
Upload File : |
const secondHand = document.querySelector(".second");
const minuteHand = document.querySelector(".minute");
const hourHand = document.querySelector(".hour");
const setHandsRotatio = (element, ratio) => {
element.style.setProperty("--rotation", `${ratio * 360}deg`);
};
const setClock = () => {
const currentDate = new Date();
const second = currentDate.getSeconds();
const minute = currentDate.getMinutes();
const hour = currentDate.getHours();
const secondRatio = second / 60;
const minuteRatio = (secondRatio + minute) / 60;
const hourRatio = (minuteRatio + hour) / 12;
setHandsRotatio(secondHand, secondRatio);
setHandsRotatio(minuteHand, minuteRatio);
setHandsRotatio(hourHand, hourRatio);
};
setInterval(setClock, 1000);
setClock();