From 7f8fdb6b7cfacf1a48a533d74cf4e01cafd20193 Mon Sep 17 00:00:00 2001
From: bingus_violet <violet@violets-purgatory.dev>
Date: Sat, 29 Jun 2024 18:54:27 -0500
Subject: [PATCH] only check every second for timer updates

---
 static/main.js | 44 +++++++++++++++++++++++++-------------------
 1 file changed, 25 insertions(+), 19 deletions(-)

diff --git a/static/main.js b/static/main.js
index 1b48300..5c50bc3 100644
--- a/static/main.js
+++ b/static/main.js
@@ -86,7 +86,7 @@ function timeFormatter(seconds) {
     }
 }
 
-function loop() {
+function spinLoop() {
     spinWaiting = true
     setTimeout(() => {
         spinWaiting = false
@@ -125,26 +125,31 @@ function loop() {
             spins = lerp(spins, Math.round(spins), 1 / spinSpeed * 3)
         }
         $(".pfp").css("rotate", (spins * 360) + "deg")
-
-        $(".durationBarFormatter").each((_, item) => {
-            item = $(item)
-            item.text(`${timeFormatter((Date.now() - item.attr("data-start")))}/${timeFormatter((item.attr("data-end") - item.attr("data-start")))}`)
-        })
-
-        $(".timeEstimate").each((_, item) => {
-            item = $(item)
-            item.text(gameTimeFormatter(Date.now() - item.attr("data-start")))
-        })
-
-        $(".endEstimate").each((_, item) => {
-            item = $(item)
-            item.text(timeFormatter((item.attr("data-end") - Date.now())))
-        })
-
-        loop()
+        spinLoop()
     }, 1/spinSpeed * 1000);
 }
 
+function secondLoop() {
+    $(".durationBarFormatter").each((_, item) => {
+        item = $(item)
+        item.text(`${timeFormatter((Date.now() - item.attr("data-start")))}/${timeFormatter((item.attr("data-end") - item.attr("data-start")))}`)
+    })
+
+    $(".timeEstimate").each((_, item) => {
+        item = $(item)
+        item.text(gameTimeFormatter(Date.now() - item.attr("data-start")))
+    })
+
+    $(".endEstimate").each((_, item) => {
+        item = $(item)
+        item.text(timeFormatter((item.attr("data-end") - Date.now())))
+    })
+
+    setTimeout(() => {
+        secondLoop()
+    }, 1000);
+}
+
 window.onbeforeunload = function () {
     window.scrollTo(0, 0);
 }
@@ -154,7 +159,8 @@ window.onload = function () {
 
     pfp = $(".pfp")
 
-    loop()
+    spinLoop()
+    secondLoop()
 
     pfp.on("mousedown", () => {
         // if (!spinWaiting) {