Fix: Prevent FOUC for clock

Author: lynkos

index.html

@@ -1268,7 +1268,18 @@ <h2>Editors</h2>
       <span></span>
       <span></span>
     </div> -->
-  
+
+    <script type="text/javascript">
+      const clock = document.querySelector("#menutime");
+
+      function time() {
+        clock.textContent = (new Date()).toLocaleTimeString("en-us", { hour12: false });
+      }
+
+      time();
+      setInterval(time, 1000);
+    </script>
+
     <script id="rendered-js" src="/dist/utilities/particles.js"></script>
     <script src="/dist/main.js" type="module" defer></script>
 

src/utilities/timestamp.js

@@ -7,7 +7,6 @@
  */
 const days = [ "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat" ];
 const months = [ "Jan", "Feb", "Mar", "Apr", "May", "June", "July", "Aug", "Sept", "Oct", "Nov", "Dec" ];
-const delay = 1000; // 1 second
 
 function initializeTimestamp() {
     let date = new Date();
@@ -18,24 +17,12 @@ function initializeTimestamp() {
     return weekDay.concat(" ", month, " ", day, " ", time);
 }
 
-function currentTimestamp() {
-    let date = new Date();
-    return date.toLocaleTimeString("en-us", { hour12: false });
-}
-
-function updateTimestamp() {
-    document.querySelector("#menutime").textContent = currentTimestamp();
-}
-
 function randomInt(min, max) {
     let minCeiled = Math.ceil(min);
     let maxFloored = Math.floor(max);
     return Math.floor(Math.random() * (maxFloored - minCeiled + 1) + minCeiled); // Min and max are inclusive
 }
 
 export function initTimestamp() {
-    setInterval(updateTimestamp, delay);
-    updateTimestamp();
-
     document.getElementById("timestamp").innerHTML = "Last login: ".concat(initializeTimestamp(), " on ttys00", randomInt(0, 6));
 }