Интернет магазин шабонов
Форма входа

Бесплатный раздел

Уважаемые пользователи!
Доводим до вашего сведения, что мы не занимаемся обучениями по системе uCoz и настройками Ваших сайтов.
Подобные просьбы и вопросы - будут игнорироваться!

Вывод времени часовых поясов для сайта

Дата добавления: 20.03.2017 - 22:35
Добавил: Buger
Количество просмотров: 193
Количество комментариев: 0
Размер файла: 3.5Kb
Рейтинг материала: 5.0 / 1
Вывод времени часовых поясов для сайта
рейтинг 5.0
/
голосов 1
При помощи данного скрипта, вы сможете показать и вывести на сайте текущее время, восточное стандартное время и тихоокеанское.

HTML разметка
Код
<div class="timezone-wrapper">
  <div class="timeblock">
  <span class="timezone-label">Местное</span>
  <span class="current"></span>
  </div>

  <div class="timeblock">
  <span class="timezone-label">Восточное</span>
  <span class="eastern"></span>
  </div>

  <div class="timeblock">
  <span class="timezone-label">Тихоокеанское</span>
  <span class="pacific"></span>
  </div>
</div>


Далее нам нужно подключить необходимые js библиотеки:
Код
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.16.0/moment.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.9/moment-timezone.min.js'></script>


Ну и теперь осталось вызвать функцию для отображения
JS код
Код
<script>
  var current = null,
  eastern = null,
  pacific = null,
  date = null;

  var update = function() {
  date = moment(new Date())
  current.html(date.format('h:mm:ss a'));
  eastern.html(date.utcOffset('-0500').format('h:mm:ss a'));
  pacific.html(date.utcOffset('-0800').format('h:mm:ss a'));
  };

  $(function() {
  current = $('.current');
  eastern = $('.eastern');
  pacific = $('.pacific');
  update();
  setInterval(update, 1000);
  });
</script>


Источник: http://art-ucoz.ru/
Добавлять комментарии могут только зарегистрированные пользователи.