Мировое время онлайн - Живое время в городах мира

Ключевые функции

• Живая карта мира: Векторная карта мира (построена с помощью D3.js) отображает каждый континент в цвете вашей темы. Ночная сторона затенена в реальном времени по точке зенита солнца.
• 1300+ городов, все часовые пояса IANA: Поисковая база, охватывающая все населённые часовые пояса, включая необычные - UTC+5:30 (Колката), UTC+9:30 (Аделаида), UTC+12:45 (Острова Чатем).
• Карточки день/ночь: Карточка города светлая, если там день, и тёмная, если ночь.
• Наведение и нажатие на карте: Наведите курсор на карточку, чтобы выделить маркер и подсказку на карте. Нажмите для фиксации - страница прокрутится к карте. Нажмите снаружи для снятия.
• Перетаскивание для изменения порядка: Перетащите любую карточку на новое место. Порядок ваш - поставьте родной город первым.
• Сохранение локально: Ваши города, их порядок и тема хранятся в localStorage браузера. Без аккаунта, сервера, отслеживания.
• Летнее время обрабатывается автоматически: Каждый город помечен часовым поясом IANA (например, America/New_York), поэтому браузер сам обрабатывает переходы на летнее время.
• Работает на любом устройстве: Полная карта и перетаскивание на ПК. На мобильном карта только для чтения, поиск над списком карточек.
• 8 цветовых тем: Тёмная, Светлая, Красная, Бирюзовая, Синяя, Фиолетовая, Зелёная, Графитовая.
• Работает офлайн: После загрузки страницы мировое время продолжает обновляться без соединения.

Как пользоваться мировым временем

Шаг 1: Добавить город

На ПК введите название города в строку поиска в верхнем левом углу карты. На мобильном строка поиска над карточками. По мере ввода в выпадающем списке появляются совпадающие города - выберите и готово. Также можно нажать кнопку +.

Шаг 2: Посмотреть местное время

Каждый добавленный город получает маркер на карте и карточку внизу. На каждой карточке - название города, страна, текущее местное время и сегодняшняя дата. Светлая карточка = там день. Тёмная карточка = там ночь.

Шаг 3: Навести курсор или нажать для деталей

Наведите курсор на карточку, и соответствующий маркер подсветится на карте с подсказкой. Нажмите на карточку, чтобы зафиксировать выделение - страница также прокрутится к карте. Нажмите за пределами карты или на другую карточку для снятия.

Шаг 4: Изменить порядок перетаскиванием

Нажмите и удерживайте карточку мышью, перетащите туда, куда нужно, и отпустите. Новый порядок сохраняется немедленно. Это самый удобный способ поставить родной город первым.

Шаг 5: Удалить город

Наведите курсор на карточку, и в верхнем левом углу появится кнопка ×. Нажмите её для удаления карточки и маркера с карты. На мобильном × всегда виден.

Когда использовать онлайн-мировое время

Удалённые и распределённые команды

Если ваша команда разбросана по разным странам, мировое время быстрее умственного подсчёта - не хотите оказаться тем, кто пишет коллеге в 3 ночи по его времени. Добавьте города, где живут коллеги, поставьте свой город первым, и один взгляд скажет, кто за столом.

Планирование международных звонков

Нужно узнать, не слишком ли поздно позвонить из Москвы в Токио в 9 утра? Добавьте оба города и читайте время напрямую. Тёмное/светлое затенение также покажет, кто комфортно бодрствует, а кто будет сонный.

Семья и друзья за рубежом

«Сколько сейчас там, где мама?» - один взгляд. Добавьте город один раз и больше никогда не считайте +7 / +12 часов в уме.

Планирование путешествий

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

Торговля и рынки

Многие финансовые рынки публикуют часы работы в часовом поясе своей биржи. Добавьте нужные города и всегда видите правильный часовой пояс с автоматической обработкой летнего времени.

Спорт, киберспорт и прямые трансляции

«Когда начнётся матч здесь?» - если игра объявлена на 20:00 по московскому времени, а вы в Новосибирске, просто добавьте оба города и читайте время рядом.

Как работает мировое время под капотом

• Карта - это один SVG, нарисованный с помощью D3.js из GeoJSON-файла государственных границ. Равнопромежуточная проекция (плоская широта/долгота) делает размещение маркеров тривиальным.
• Ночная сторона карты отображается как 90° географический круг вокруг антисолярной точки. Используется та же тригонометрия, что и в публикациях NOAA о положении солнца: солнечное склонение + уравнение времени + UTC-часы компьютера. Обновляется раз в минуту.
• Каждый город в базе помечен часовым поясом IANA. Браузер конвертирует UTC в местное время через Intl.DateTimeFormat({ timeZone: ... }) - правила летнего времени наследуются из tz-базы браузера.
• Выбранные города, их порядок и тема сохраняются в localStorage. Ничего не отправляется на сервер.

Советы и хитрости

• Поставьте родной город первым. Перетащите его на позицию №1, чтобы все остальные карточки читались как дельта от «вашего времени».
• Группируйте по регионам. Объедините азиатские города, затем европейские, затем американские. Сетка карточек переносится автоматически.
• Используйте фиксацию нажатием. При демонстрации экрана нажмите карточку, чтобы маркер оставался выделенным - собеседник точно знает, на какой город вы указываете.
• Затенение на карте реальное. Тёмная полоса, пересекающая карту, - это действительная линия рассвета/заката прямо сейчас.
• Карточки помнят порядок. Не бойтесь опускать ненужный город вниз - ваш предыдущий порядок сохранён в браузере.

Часто задаваемые вопросы