Мировое время онлайн - часы городов мира

Основные возможности

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

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

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

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

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

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

Шаг 3: Наведите или нажмите для подробностей

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

Шаг 4: Меняйте порядок перетаскиванием

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

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

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

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

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

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

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

Нужно понять, не поздно ли звонить в Токио, когда в Сан-Франциско 9 утра? Добавьте оба города и просто посмотрите время. Светлая или тёмная карточка ещё подскажет, кому из собеседников будет комфортно, а кто будет сонным - полезно при выборе организатора встречи.

Родные и друзья за границей

"Который час там, где живёт мама?" - один взгляд. Добавьте город один раз, и больше не придётся считать в уме плюс 7 или плюс 12 часов.

Планирование поездок

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

Трейдинг и финансовые рынки

Многие финансовые рынки указывают часы работы по времени своей биржи (например, Токийская биржа открывается в 09:00 JST). Добавьте нужные города - и вы всегда увидите время в правильном поясе, с автоматическим учётом летнего времени.

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

"Во сколько начнётся матч здесь?" - если игра объявлена на 20:00 CET, а вы живёте в Сан-Паулу, просто добавьте Берлин и Сан-Паулу и сравните время рядом.

Как мировые часы устроены изнутри

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

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

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

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