From fcbbfeebbdadd03074208c2fe590c884c02108ef Mon Sep 17 00:00:00 2001
From: Robert Miles <khuxkm@tilde.team>
Date: Tue, 30 Jun 2020 22:31:13 -0400
Subject: [PATCH] Add a small snippet of Javascript to update the UTC time

---
 schedule/index.php | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/schedule/index.php b/schedule/index.php
index 0cf18fc..9c434d2 100644
--- a/schedule/index.php
+++ b/schedule/index.php
@@ -35,7 +35,7 @@ function formatdate($date) {
 
 <h1><a href="https://tilderadio.org"><img style="width:75px;" src="../logos/tilderadio-green.png">tilderadio.org</a></h1>
 <h4>upcoming broadcasts</h4>
-<p>all times in UTC. current time is <?=formatdate("now")?>.</p>
+<p>all times in UTC. current time is <span id="utcdate"><?=formatdate("now")?></span>.</p>
 
 <table class="table table-striped">
     <thead>
@@ -56,4 +56,17 @@ function formatdate($date) {
     </tbody>
 </table>
 
+<script>
+// Update the timer as time passes.
+// Because PHP gives the time on page load, people who disable Javascript won't be missing out on much.
+let months = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
+let daysOfWeek = ["Sun","Mon","Tue","Wed","Thu","Fri","Sat"];
+function update_date() {
+    var d = new Date();
+    document.getElementById("utcdate").innerText = daysOfWeek[d.getUTCDay()]+" "+months[d.getUTCMonth()]+" "+d.getUTCDate().toString()+" "+d.getUTCHours().toString()+":"+d.getUTCMinutes().toString();
+    setTimeout(update_date,15000);
+}
+setTimeout(update_date,15000);
+</script>
+
 <?php include '../footer.php'; ?>
-- 
2.34.1