Server IP : 108.170.25.35 / Your IP : 18.217.132.15 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/private_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();