Рейтинг@Mail.ru
Перейти к содержимому
VeTeR

Время закрытия регистрации

Рекомендованные сообщения

Теперь все даты в расписании указываются по всемирному времени. Если в своем профиле на сайте чемпионата ничего не меняли, то расписание так и будет отображаться в UTC. При изменении часового пояса, расписание времени сессий изменится соответственно.

 

Расписание сессий UTC

 

orsrl_tz_utc1.jpg

 

 

Расписание сессий - часовой пояс Калининград - Минск

 

orsrl_tz_mtc1.jpg

 

(Московское время все еще UTC+4, у меня и в винде часовой пояс Калининград +3)

 

 

Делайн и время регистрации участников

 

orsrl_tz_mtc2.jpg

 

orsrl_tz_utc2.jpg

 

 

Осталась известная проблема с таймером, работает он правильно только при одинаковом часовом поясе на сайте и вашем пк. В целом ни на что не влияет, только индикатор.

  • Нравится 2

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Осталась известная проблема с таймером, работает он правильно только при одинаковом часовом поясе на сайте и вашем пк. В целом ни на что не влияет, только индикатор.

Можно подпилить скрипт так, чтоб конечная дата таймера передавалась в UTC и локальное время браузера тоже в него переводилось.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Еще бы сразу предлагалось решение как это сделать =)

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

http://lexxus.github.io/jq-timeTo/ - как готовый вариант. Из пхп на странице выводить

$(function() {
 $('#timerElementID').timeTo(
   new Date('<?=$targetTime?>')
 );
});

Лесенкой сделал для наглядности :) Думаю, джумла умеет форматировать дату так, чтоб в ней явно указывалась зона?

 

Если хочется сделать красивее, без вывода яваскрипта из пхп:

- в элемент таймера добавляем некий класс, если его еще нет, и data-атрибут с целевой датой. Например: <span class="countdown-timer" data-targettime="отформатированная-дата"></span>

- в некий файл со скриптами сайта добавляем код:

$(function() {
 $('.countdown-timer').each(function() {
   $(this).timeTo({
     timeTo: new Date($(this).attr('data-targettime'))
   });
 });
});

Он после загрузки страницы находит все элементы с таким классом и превращает их в таймеры до указанного в них же времени (так одним движением можно запустить таймеры для двух серий).

Изменено пользователем vladimmi

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу.

×