Clock.js, условно устанавливаемое восточное или центральное время

У меня есть отлично работающий виджет clock.js, который я использую для отображения даты и времени на нескольких дисплеях в наших офисах в нескольких штатах.

В офисах в восточном часовом поясе проблем нет, так как по умолчанию используется восточное время (наш сервер, на котором работают экраны для каждого дисплея, является восточным).

Однако я хочу добавить здесь условное выражение (скажем, if $screenID == 3 {..., чтобы на экранах в центральном часовом поясе отображалось правильное центральное время.

Как мне добавить здесь блок, чтобы это условие показывало центр, а не восток?

 function startTime() {
    var today = new Date();
    var hr = today.getHours();
    var min = today.getMinutes();
    // var sec = today.getSeconds();
    ap = (hr < 12) ? "<span>AM</span>" : "<span>PM</span>";
    hr = (hr == 0) ? 12 : hr;
    hr = (hr > 12) ? hr - 12 : hr;
    //Add a zero in front of numbers<10
    hr = checkTime(hr);
    min = checkTime(min);
    // sec = checkTime(sec);
    document.getElementById("clock").innerHTML = hr + ":" + min + " " + ap;

    var months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
    var days = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
    var curWeekDay = days[today.getDay()];
    var curDay = today.getDate();
    var curMonth = months[today.getMonth()];
    // var curYear = today.getFullYear();
    var date = curWeekDay+", "+curDay+" "+curMonth;
    document.getElementById("date").innerHTML = date;

    var time = setTimeout(function(){ startTime() }, 500);
}
function checkTime(i) {
    if (i < 10) {
        i = "0" + i;
    }
    return i;
}

Какая библиотека это «clock.js»?

Mr. Polywhirl 29.05.2019 18:43

Он уже встроен в это приложение без документации, но, к сожалению, помечен только как clock.js. Хотя это кажется довольно простым

Geoff_S 29.05.2019 19:34
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
2
36
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Используйте часовые пояса.

function startTime(screen, loc) {
  var timeZone = "America/Chicago";
  if (screen === 1)
    timeZone = "America/New_York";

  var dateOptions = { weekday: 'long', day: 'numeric', month: 'long', timeZone: timeZone };
  var timeOptions = { hour: 'numeric', minute: 'numeric', timeZone: timeZone };
  var dt = new Date();

  document.getElementById("myclock" + loc).innerHTML = dt.toLocaleString("en-US", timeOptions);
  document.getElementById("mydate" + loc).innerHTML = dt.toLocaleString("en-NZ", dateOptions);
}

startTime(0, 1);
startTime(1, 2);
<div id = "myclock1">asdf</div>
<div id = "mydate1">asdf</div>
<hr>
<div id = "myclock2">asdf</div>
<div id = "mydate2">asdf</div>

Другие вопросы по теме