Update static/embed.js

static/embed.js

@@ -1,4 +1,4 @@
-/*  embed.js – live U.S.-debt counter  */
+/*  embed.js – discrete 4Hz ticking version  */
 (() => {
   const API         = "https://ntdservices-debt-clock.hf.space/api/debt";
   const CLS         = "ntd-debt-clock";
@@ -35,40 +35,34 @@
       position: "relative",
     });
 
-    let baseDebt   = 0;    // dollars at baseTime
-    let ratePerSec = 0;    // dollars / second
-    let baseTime   = Date.now();   // ms clock when we set baseDebt
+    let baseDebt   = 0;
+    let ratePerSec = 0;
+    let baseTime   = Date.now();
 
-    /* ── fetch latest figures ───────────────────────── */
     async function pull() {
       try {
         const d = await fetch(API).then(r => r.json());
         baseDebt   = d.startingDebt;
         ratePerSec = d.ratePerSecond;
-        baseTime   = Date.now();        // reset integration point
+        baseTime   = Date.now();
       } catch (err) {
         console.error("Debt fetch failed:", err);
       }
     }
 
-    /* initial fetch + periodic refresh */
-    pull();                       // immediately
+    pull();
     setInterval(pull, REFRESH_MS);
 
-    /* ── draw loop (runs each animation frame) ─────── */
-    function tick() {
+    /* update 4×/sec (every 250ms) */
+    setInterval(() => {
       const now   = Date.now();
-      const delta = (now - baseTime) / 1000;     // seconds elapsed
+      const delta = (now - baseTime) / 1000;
       const debt  = baseDebt + ratePerSec * delta;
 
       el.textContent =
-        Math.round(debt).toLocaleString("en-US").replace(/,/g, " ");
-
-      requestAnimationFrame(tick);
-    }
-    requestAnimationFrame(tick);
+        "$" + Math.round(debt).toLocaleString("en-US");
+    }, 250);
   }
 
-  /* auto-mount every <div class="ntd-debt-clock"> */
   document.querySelectorAll("." + CLS).forEach(mount);
 })();