Как внести изменения на веб-странице, которые изменяют отображение на другой веб-странице - PullRequest
Новая
       20

Как внести изменения на веб-странице, которые изменяют отображение на другой веб-странице

1 голос
/ 26 марта 2020

Это HTML и Javascript для моего текущего дизайна часов. Я хочу, чтобы на странице настройки можно было изменить смещение часов и применить эти изменения к странице отображения, на которой установлены часы. В настоящее время я изменяю смещения со страницы отображения, вводя имя базы данных TimeZone или вводя правильное смещение часового пояса. Проще говоря, я пытаюсь изменить ввод часового пояса с другой веб-страницы, чтобы он по-прежнему отображался на моей веб-странице. Спасибо!

HTML Код: 

  <div class="timZonM" data-time-zone="Asia/Tehran" style="position: absolute; left: 10px; top:545px;"></div>
            <div class="timZonM" data-time-zone="Etc/GMT" style="position: absolute; left: 250px; top: 545px;"></div>
            <div class="timZonM" data-time-zone="Etc/GMT+4" data-seconds style="position: absolute; left:510px; top:580px;"></div>
            <div class="timZonM" data-time-zone="Etc/GMT-8"  style="position:absolute; left:920px; top:545px;"></div>
            <div class="timZonM" data-time-zone="Etc/GMT-14" style="position:absolute; left:1205px; top:545px;"></div>

Javascript Код: 

const OptionsMilitary = { hour12:false, hour:'2-digit', minute:'2-digit', second:'2-digit' };

const MilitaryTime=(elm, dt)=>
  {
  let [hh,mm,ss] = dt.toLocaleString("en-US", {...OptionsMilitary, timeZone:elm.dataset.timeZone }).split(':')
  if ('seconds'in elm.dataset) elm.dataset.seconds = ':'+ss
  elm.textContent = (hh=='00'&&mm=='00') ? '2400' : (hh+mm).replace(/^24/, '00'); // specific browsers marmelade
  }

setInterval(() => {
  let dateTime = new Date();
  document.querySelectorAll('.timZonM').forEach(el=>MilitaryTime(el, dateTime));
}, 500);
...