add tme to deg function for demo test

zumerlab · Mar 21, 2023 · 175aa42 · 175aa42
1 parent fd21c9f
commit 175aa42
Showing 1 changed file with 15 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -87,9 +87,22 @@
     <script>
       var el = document.querySelector(".minuto")
       var minuto = el.style.getPropertyValue("--angle")
+      function timeToDegrees(hours, minutes, seconds) {
+        const hourDegrees = (hours % 12) * 30 + (minutes / 2) + (seconds / 120);
+        const minuteDegrees = minutes * 6 + (seconds / 10);
+        const secondDegrees = seconds * 6;
+        return {
+          hour: hourDegrees,
+          minute: minuteDegrees,
+          second: secondDegrees,
+        };
+      }
+
       setInterval(() => {
-        minuto = minuto + 1.7
-        el.style.setProperty("--angle", minuto++)
+        const now = new Date();
+        const degrees = timeToDegrees(now.getUTCHours(), now.getUTCMinutes(), now.getUTCSeconds());
+        el.style.setProperty("--angle", degrees.second)
+
       }, 1000)
     </script>
   </body>