Циклическое изменение часовых поясов нажатием jquery - PullRequest
Новая
       1

Циклическое изменение часовых поясов нажатием jquery

0 голосов
/ 08 мая 2020

Я хотел бы показать временную метку, сделать ее доступной для кликов и циклически переключаться между часовыми поясами:

10: 00–10: 30 PDT

При нажатии на нее происходит переход к:

11: 00–11: 30 MDT
12: 00–12: 30 CDT
13: 00–13: 30 EST

У меня есть простая версия, работающая примерно так: 

$(document).ready(function () {
    var divs = $('div[id^="time-"]').hide(),
        i = 0;
    function cycle() {
        divs.fadeOut(0).eq(i).fadeIn(0);
        i = ++i % divs.length;
    };
    cycle()
    $('div').click(function(){cycle()})
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="time-1">10am–10:30am PDT</div>
<div id="time-2">11am–11:30am MDT</div>
<div id="time-3">12pm–12:30pm CDT</div>
<div id="time-4">1pm–1:30pm EST</div>

Но это потребует ручного расчета часовых поясов. Есть ли способ указать один часовой пояс, а jQuery вычислит остальные? В идеале я хотел бы сначала показать CDT.

...