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

Что такое виджет мировых часов?

Виджет мировых часов — это небольшой блок на сайте, который показывает текущее время в одном или нескольких городах. Вместо того чтобы заставлять посетителя считать разницу во времени в уме, он сразу даёт ответ: сколько сейчас времени в Лондоне, Нью-Йорке или Токио и наступило ли там уже завтра.

Мировые часы WebToolsMe показывают до восьми городов списком цифровых часов или стрелочными циферблатами. Они обновляются каждую секунду или каждую минуту, сами переходят на летнее и зимнее время, когда это делает страна, и могут добавить строку с местным временем каждого посетителя для удобного сравнения.

Кому нужны мировые часы на сайте?

Мировые часы полезны везде, где сайт, клиенты или команда находятся в разных часовых поясах. Типичные примеры:

• Удалённые команды и агентства показывают рабочие часы каждого офиса, чтобы клиенты знали, когда с кем связаться.
• Сайты о путешествиях, туризме и отели показывают время в месте назначения рядом со временем посетителя.
• Интернет-магазины и страницы поддержки с клиентами из разных стран делают понятным график работы.
• Блоги о финансах, криптовалютах и трейдинге следят за открытием и закрытием бирж в Нью-Йорке, Лондоне и Токио.
• Онлайн-курсы, вебинары и прямые эфиры с участниками из разных стран.
• Блоги эмигрантов и семейные сайты показывают рядом время дома и за границей.

Как добавить мировые часы на сайт

Выберите города и вид часов выше и нажмите Скопировать код. Код — это один тег script; вставьте его туда, где должны появиться часы, и выполните шаги для вашей платформы:

Возможности

Часовые пояса и летнее время

Большинство стран не живут с постоянной разницей относительно UTC (всемирного координированного времени). Многие переводят часы вперёд весной и назад осенью, причём в разные даты: Европейский союз — в последнее воскресенье марта и октября, США — во второе воскресенье марта и первое воскресенье ноября. Другие страны, например Россия (без перевода часов с 2014 года), Турция (круглый год UTC+3 с 2016 года), Япония и Китай, летнее время не используют.

Поэтому виджет никогда не хранит фиксированную разницу вроде «+3 часа». Каждый город сохраняется с официальным названием своего часового пояса из базы часовых поясов IANA, например Europe/Moscow или America/New_York. Браузер посетителя по этой базе в каждый момент вычисляет правильное местное время, в том числе в часы перевода стрелок. Когда государство меняет правила времени, браузеры получают обновление, и виджет показывает новое время без изменений в вашем коде.

По той же причине разница во времени рядом с каждым городом считается в реальном времени. Летом Москва опережает Лондон на два часа, а зимой, когда Лондон переходит на зимнее время, — на три, и виджет показывает именно это.

12- или 24-часовой формат?

12-часовой формат с AM и PM распространён в США, Канаде, Австралии и Индии, а Россия, Украина и большая часть Европы пользуются 24-часовым форматом. Выберите формат, который вашей аудитории привычнее; если посетители приходят со всего мира, 24-часовой формат исключает путаницу между утром и вечером.

Обозначения AM и PM, названия дней и даты выводятся на выбранном языке виджета. Секунды делают часы «живыми»; без секунд цифровые часы обновляются раз в минуту — это самый лёгкий вариант.

Показ местного времени посетителя

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

Местное время берётся из браузера посетителя, который знает свой часовой пояс. Никакие данные о посетителе не отправляются в WebToolsMe и нигде не сохраняются.

Скорость и конфиденциальность

Мировые часы — это один небольшой скрипт. После загрузки он больше не обращается ни к одному серверу: каждую секунду или минуту время вычисляется в браузере посетителя. Скрипт не ставит cookie и не собирает данные.

Часы рисуются внутри закрытого блока Shadow DOM. Стили вашей темы не изменят их вид, а их стили не попадут на вашу страницу, поэтому часы одинаково хорошо работают в темах WordPress, конструкторах сайтов и сайтах, написанных вручную.

Советы для удобных мировых часов

• Поставьте самый важный город первым; порядок меняется кнопкой ↑ в списке городов.
• Три–пять городов читаются легко; больше используйте, только если у часов много места, например в секции на всю ширину.
• Используйте названия, которые знают посетители. Для графика работы «Нью-Йорк», «Лондон» и «Сингапур» понятнее, чем небольшие соседние города.
• Для узкой боковой колонки подойдёт ширина 300–360 пикселей. Стрелочные циферблаты лучше всего смотрятся с тремя–четырьмя городами.
• Подберите тему под сайт: на тёмных сайтах лучше смотрится тёмная тема с акцентным цветом вашего бренда.

Частые вопросы