世界時鐘線上查詢｜即時顯示各國城市時間與時差

主要功能

• 即時世界地圖：採用向量世界地圖（以 D3.js 繪製），各大洲都會套用你選的主題色彩。夜晚的一側會依照太陽的直射點即時加上陰影，讓你真的看得到太陽已經在哪些地方下山了。
• 超過 1,300 座城市，涵蓋所有 IANA 時區：可搜尋的城市資料庫涵蓋每個有人居住的時區，連 UTC+5:30（加爾各答）、UTC+9:30（阿德萊德）、UTC+12:45（查塔姆群島）這類少見的時區也都包含在內。
• 日夜卡片：城市當地是白天時卡片為淺色，是夜晚時則為深色，這種視覺提示比單看數字時鐘更快讀懂。
• 地圖滑動與點選：把游標移到卡片上，地圖上對應的定位點與提示框會亮起；點一下即可鎖定標示，方便你在截圖或通話時指出某座城市，點地圖以外的任何地方即可解除。
• 拖曳重新排序：拖曳任一張卡片到新的位置，順序由你決定，可以把家鄉城市放在最前面，接著排上最常查看的城市。
• 資料儲存於本機：你選的城市、排列順序與主題都儲存在瀏覽器的 localStorage 裡，免帳號、不經伺服器、不做追蹤。
• 自動處理日光節約時間：每座城市都標記了 IANA 時區（例如 America/New_York），由瀏覽器自動處理日光節約時間的切換，不必一年手動調整兩次。
• 各種裝置都能用：桌面版提供完整地圖與拖曳功能；行動裝置上地圖為唯讀模式，搜尋框位於單欄卡片清單上方，卡片方便點按，也有清楚的移除按鈕。
• 8 種主題色彩：深色、淺色、紅色、藍綠色、藍色、紫色、綠色、石板灰，世界時鐘的風格與 stopwatch-online.com 其他頁面一致。
• 支援離線使用：頁面載入後，世界時鐘即使沒有連線也會繼續走動，並持續更新地圖夜晚的一側。

如何使用世界時鐘

步驟一：加入城市

在桌面版，把城市名稱輸入到地圖左上角的搜尋框；在行動裝置上，搜尋框則位於卡片上方。輸入時，符合的城市會出現在下拉選單中，選一個就能一鍵加入。你也可以按下 + 按鈕，直接加入目前反白的建議城市。

步驟二：查看當地時間

每加入一座城市，就會獲得兩樣東西：世界地圖上的一個小定位點，以及下方的一張卡片。每張卡片會顯示城市名稱、國家、目前的當地時間與今天的日期。淺色卡片代表當地是白天，深色卡片則代表正值深夜。

步驟三：滑動或點選查看詳細資訊

用滑鼠把游標移到卡片上，地圖上對應的定位點就會亮起，並顯示城市完整名稱的提示框。點一下卡片即可把該標示鎖定在地圖上，頁面也會自動捲回地圖讓你看得清楚。點地圖以外的地方或另一張卡片即可解除，直接把游標移到地圖上的定位點也有同樣效果。

步驟四：拖曳重新排序

用滑鼠按住任一張卡片，拖曳到想要的位置再放開即可。新的順序會立刻儲存，這是把家鄉城市排到最前面、並依地區把城市分組最方便的方式。

步驟五：移除城市

把游標移到卡片上，左上角會出現一個小小的 × 按鈕，點一下就能把卡片以及地圖上的定位點一起移除。在行動裝置上，× 按鈕會一直顯示。

什麼時候會用到線上世界時鐘

遠距與跨國團隊

如果你的團隊分散在多個國家，世界時鐘比心算快多了，你絕對不想成為在同事當地時間凌晨三點傳訊息的人。把同事所在的城市加進來，再把家鄉城市拖到最前面，一眼就知道現在誰在辦公桌前。

安排跨國通話

想知道舊金山的上午 9 點打給東京會不會太晚？把這兩座城市都加進來，直接看時間就好。深色與淺色的顯示也會告訴你哪一邊正清醒、哪一邊會昏昏沉沉，這對決定由誰主持會議很有幫助。

在海外的親友

「媽媽住的地方現在幾點？」看一眼就知道。城市只要加入一次，往後就再也不用做 +7 或 +12 小時的心算了。

規劃旅行

出發前先把目的地加進來，就能提早開始在心裡調整時差。抵達後，世界時鐘也很適合對付時差，搞清楚身體以為的時間和當地時鐘顯示的時間，問題就解決一半了。

交易與金融市場

許多金融市場是以當地交易所的時區公告開盤時間（例如東京 09:00 JST 開盤）。把相關城市加進來，你就能一直看到正確時區的時間，日光節約時間也會自動處理。

體育賽事、電競與直播

「這場比賽在我這裡幾點開打？」如果賽事公告是 20:00 CET，而你住在聖保羅，只要把柏林和聖保羅都加進來，兩地時間並排對照就一目了然。

世界時鐘背後的運作原理

• 地圖是一張以 D3.js 從國界 GeoJSON 檔案繪製而成的 SVG。它採用等距圓柱投影（平面經緯度），讓定位點的擺放變得很簡單，經度與緯度可直接對應到像素位置。
• 地圖夜晚的一側，是以反日點（地球上與太陽相對的位置）為中心畫出的 90 度地理圓。這裡用的是 NOAA 公布的太陽位置三角函數計算：太陽赤緯、均時差，再加上你電腦的 UTC 時鐘，每分鐘更新一次。
• 資料庫中的每座城市都標記了 IANA 時區。瀏覽器透過 Intl.DateTimeFormat({ timeZone: ... }) 把 UTC 換算成當地時間，也就是說日光節約時間的規則直接沿用瀏覽器的時區資料庫，只要瀏覽器保持更新，時間就會跟著正確。
• 你選的城市、排列順序與主題都會儲存到 localStorage，不會有任何資料傳送到伺服器。

使用技巧

• 把家鄉城市釘在最前面。拖到第 1 個位置，這樣其他每張卡片都能當成跟「你的時間」相差多少來閱讀。
• 依地區分組。把亞洲城市排在一起，接著歐洲、再來美洲。卡片排版會自動換行，這種視覺節奏讓你瀏覽起來更輕鬆。
• 善用點選鎖定的小技巧。在通話中分享畫面時，點一下卡片讓定位點保持亮起，對方就能清楚知道你指的是哪座城市。
• 地圖上的陰影是真的。橫越地圖的那條深色帶，就是此刻正值黎明或黃昏的真實界線。如果某座城市的定位點落在深色帶內，代表那裡還沒完全日落，但已經很接近了。
• 卡片會記住順序。不必擔心，把暫時用不到的城市放到最下面就好，你先前的順序會依瀏覽器各自儲存。

常見問題