Add Support for Timezones

classtime.js

@@ -16,17 +16,15 @@ var currentClassPeriodIndex = -1;
 var currentScheduleIndex = -1;
 var selectedSchoolIndex = 0;
 
-
 var use24HourTime = getLocalStorageBoolean("use24HourTime", false);
 
-
-
 var schools = [
         {
         fullName: "Lake Oswego High School",
         shortName: "LOHS",
         passingPeriodName: "Passing Period", //the name to use for time gaps in the schedule between classes
         //order is as is on the school website, although it doesnt matter.
+        timeZone: 'America/Los_Angeles',
         schedules: [
             {
                 name: "Mon/Fri (Regular)",
@@ -305,23 +303,29 @@ function isNoSchoolDay() {
 /**
  * This function updates the variables that keep track of the current time and date
  */
-function updateTime() { currentDate = new Date();}
+function updateTime() {
+    if (typeof selectedSchoolIndex !== 'undefined') {
+        currentDate = moment().tz(schools[selectedSchoolIndex].timeZone); 
+    } else {
+        currentDate = moment()
+    }
+}
 
 function getCurrentTimeObject() {
-   return {hours: currentDate.getHours(), minutes: currentDate.getMinutes(), seconds: currentDate.getSeconds()}
+   return {hours: currentDate.hour(), minutes: currentDate.minute(), seconds: currentDate.second()}
 }
 
 
 /**
  * @returns the current time as a formatted string
  */
-function getCurrentTimeString() { return currentDate.toLocaleString('en-US', { hour: 'numeric', minute: 'numeric', second: 'numeric', hour12: !use24HourTime }) }
+function getCurrentTimeString() { return use24HourTime ? currentDate.format("h:mm:ss a") : currentDate.format("H:mm:ss") }
 
 /**
  * @returns the current date as a formatted string
  */
 function getCurrentDateString() { 
-return "on <strong>" + currentDate.toLocaleString('en-US', { weekday: 'short', month: 'short', day: 'numeric', year: 'numeric' }) + "</strong>"
+    return "on <strong>" + currentDate.format("ddd, MMM Do, YYYY") + "</strong>"
 }
 
 /**
@@ -389,7 +393,7 @@ function getMostRecentlyStartedClassIndex() {
 function getCurrentScheduleIndex() {
     //using for over forEach() because we are breaking out of the loop early
     for (let i = 0; i < schools[selectedSchoolIndex].schedules.length; i++) {
-        if (schools[selectedSchoolIndex].schedules[i].days.includes(currentDate.getDay())) {
+        if (schools[selectedSchoolIndex].schedules[i].days.includes(currentDate.day())) {
             return i
         }
     }

index.html

@@ -43,4 +43,6 @@ <h1 class="centered bottomSpace" id="nextClass"></h1>
         }
     }
 
-</script>
+</script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.23/moment-timezone-with-data-2012-2022.js"></script>