ganeshparjapt / Analog-Digital-clock

Animated Analog clock indan standerd time zone Osm look start please

Home Page:https://ganeshparjapt.github.io/Analog-Digital-clock/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Analog-clock with digital

design by ganesh Animated Analog clock with digital indan standerd time zone

==>> Animated Analog Clock using HTML,CSS & javaScript

   setInterval(() => {
d = new Date();
htime = d.getHours();
mtime = d.getMinutes();
stime = d.getSeconds();
hrotation = 30*htime + mtime/2;
mrotation = 6*mtime;
srotation = 6*stime;

hour.style.transform = `rotate(${hrotation}deg)`;
minute.style.transform = `rotate(${mrotation}deg)`;
second.style.transform = `rotate(${srotation}deg)`;

}, 1000);

<< open in your brouser clone this rapo and dubble click on index.html just one stap >>

look like Screenshot 2023-02-27 110915

About

Animated Analog clock indan standerd time zone Osm look start please

https://ganeshparjapt.github.io/Analog-Digital-clock/


Languages

Language:HTML 57.8%Language:CSS 23.7%Language:JavaScript 18.5%