Безкоштовний світовий годинник з картою дня і ночі

Основні можливості

• Карта світу в реальному часі: Векторна карта (зроблена на D3.js) зафарбовує материки в тон вибраної теми. Нічна половина Землі затіняється за положенням сонця, тож видно, де сонце вже зайшло, а де ще не зійшло.
• 580+ міст, усі зміщення від UTC: У базі є міста з кожним зміщенням від UTC, яке зараз діє у світі, навіть з рідкісними: UTC+5:45 (Катманду), UTC+8:45 (Юкла), UTC+12:45 (острови Чатем).
• Денні й нічні картки: Картка світла, поки сонце в цьому місті над горизонтом, і темніє, щойно воно зайде. Колір помічаєш швидше, ніж цифри.
• Підсвічування на карті: Коли курсор стоїть на картці, позначка цього міста світиться на карті. Клацання залишає підсвічування, і так зручно показати місто на знімку екрана чи під час дзвінка. Клацніть будь-де поза картками, щоб його зняти.
• Порядок перетягуванням: Перетягніть картку на інше місце. Поставте своє місто першим, а за ним ті, які дивитеся найчастіше.
• Літній час враховується сам: Кожне місто прив'язане до зони IANA (наприклад, America/New_York), тому переведення годинників бере на себе браузер. Двічі на рік нічого не треба правити вручну.
• Працює на будь-якому пристрої: На комп'ютері є повна карта й перетягування. На телефоні карта лише для перегляду, пошук стоїть над картками, а картки йдуть в один стовпчик. Кнопку видалення легко натиснути пальцем.
• 8 кольорів теми: темна, світла, червона, бірюзова, синя, фіолетова, зелена і сіра. Разом із темою змінюється й колір материків на карті, а не лише тло.
• Працює далі, якщо зник інтернет: Коли сторінка вже завантажилась, годинник іде, а нічна частина карти оновлюється й без з'єднання. Для перезавантаження сторінки інтернет знову потрібен, бо карта і список міст завантажуються під час відкриття.

Як користуватися світовим годинником

Крок 1: Додайте місто

На комп'ютері введіть назву міста в поле пошуку в лівому верхньому куті карти. На телефоні поле пошуку стоїть над картками. Під час введення з'являється список міст, які підходять, і місто додається одним клацанням. Можна обійтися й клавіатурою: стрілками виберіть місто в списку і натисніть Enter.

Крок 2: Подивіться місцевий час

Кожне додане місто з'являється у двох місцях: позначкою на карті світу і карткою під нею. На картці є назва міста, країна, поточний місцевий час і дата. Якщо картка світла, там зараз день. Якщо темна, сонце там уже зайшло.

Крок 3: Наведіть курсор або клацніть картку

Наведіть курсор на картку, і її позначка засвітиться на карті з підказкою. Якщо клацнути картку, підсвічування залишиться, а сторінка прокрутиться вгору до карти. Клацніть іншу картку, і підсвічування перейде на неї. Щоб зняти його, клацніть будь-де поза картками, навіть на самій карті. Якщо навести курсор просто на позначку на карті, місто теж підсвітиться.

Крок 4: Змініть порядок перетягуванням

Затисніть картку мишею, перетягніть її, куди потрібно, і відпустіть. Новий порядок зберігається одразу. Так найпростіше поставити своє місто першим і згрупувати міста за регіонами.

Крок 5: Видаліть місто

Наведіть курсор на картку, і в лівому верхньому куті з'явиться маленька кнопка ×. Натисніть її, і картка зникне разом із позначкою на карті. На телефоні × видно завжди.

Коли стане в пригоді світовий годинник онлайн

Віддалені та розподілені команди

Коли команда працює в різних країнах, світовий годинник швидший за підрахунки в голові, і ви не напишете колезі о третій ночі за його часом. Додайте міста колег, поставте своє місто першим, і одразу видно, хто зараз на роботі.

Планування міжнародних дзвінків

Чи не пізно о 9 ранку в Сан-Франциско дзвонити в Токіо? Додайте обидва міста й подивіться на час. Колір карток теж підкаже, у кого зараз день, а в кого вже ніч, і так легше вибрати зручний для всіх час зустрічі.

Рідні та друзі за кордоном

«Котра зараз година там, де живе мама?» Досить одного погляду. Додайте її місто один раз, і більше не доведеться рахувати в голові плюс 7 чи плюс 12 годин.

Планування подорожей

Перед рейсом додайте місто, куди летите, щоб заздалегідь звикати до тамтешнього часу. Після прильоту годинник допоможе з джетлагом: легше перелаштуватися, коли бачиш поруч час удома і час на місці.

Торгівля та фінансові ринки

Біржі зазвичай вказують години роботи за своїм місцевим часом (наприклад, Токійська біржа відкривається о 09:00 JST). Додайте потрібні міста, і ви бачитимете час у правильному поясі, з урахуванням літнього часу.

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

«О котрій матч почнеться у мене?» Якщо гру призначено на 20:00 CET, а ви живете в Сан-Паулу, додайте Берлін і Сан-Паулу та порівняйте час на двох картках.

Як працює світовий годинник

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

Корисні поради

• Перетягніть своє місто на перше місце, і всі інші картки буде легко порівнювати з вашим часом.
• Групуйте міста за регіонами: спершу азійські, потім європейські, потім американські. Сітка карток переноситься сама, а в такому порядку потрібне місто знаходиш швидше.
• Під час дзвінка з демонстрацією екрана клацніть картку, і її позначка лишиться підсвіченою. Співрозмовник точно знатиме, про яке місто йдеться.
• Темна частина карти показує ту половину Землі, де сонце зараз під горизонтом, а її край проходить там, де сонце сходить або заходить. Якщо позначка стоїть біля самого краю темної частини, там або щойно зайшло сонце, або скоро світанок.
• Клацніть порожнє поле пошуку, ще нічого не вводячи. Там уже є список популярних міст, тож Сінгапур чи Торонто можна додати одним клацанням.

Поширені запитання