update clock

munusshih · Apr 12, 2024 · 4388226 · 4388226
1 parent bc4588c
commit 4388226
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/css/clock.css b/css/clock.css
@@ -70,6 +70,7 @@
     transform-origin: 2px 0%;
     border-radius: 50%;
     z-index: 10;
+    transition: all 0.5s;
 }
 
 .minute-hand {
@@ -80,6 +81,7 @@
     transform-origin: 2px 0%;
     border-radius: 50%;
     z-index: 11;
+    transition: all 0.5s;
 }
 
 .second-hand {
@@ -90,6 +92,7 @@
     transform-origin: 1px 0%;
     border-radius: 50%;
     z-index: 12;
+    transition: all 1s;
 }
 
 .center {

diff --git a/js/params.js b/js/params.js
@@ -96,9 +96,9 @@ function updateClock() {
     const minuteHand = document.querySelector('.minute-hand');
     const secondHand = document.querySelector('.second-hand');
 
-    const hourDegrees = (hours % 12) * 30 + minutes / 2;
-    const minuteDegrees = minutes * 6 + seconds / 10;
-    const secondDegrees = seconds * 6;
+    const hourDegrees = (hours % 12) * 30 + minutes / 2 + 180;
+    const minuteDegrees = minutes * 6 + seconds / 10 + 180;
+    const secondDegrees = seconds * 6 + 180;
 
     hourHand.style.transform = `rotate(${hourDegrees}deg)`;
     minuteHand.style.transform = `rotate(${minuteDegrees}deg)`;