JavaScript獲取時區實現過程解析

在一個大型的專案中，不可避免會出現操作時間的業務，比如時間的格式化，比如時間的加減，我們一般會直接使用moment.js庫來做，畢竟穩定可靠，也方便，那當我們系統只是幾個簡單頁面，對時間的操作並不是很大，引入庫檔案並不是很必須的情況，我們需要時區展示怎麼辦？是不是可以用瀏覽器支援的原生方法來實現？

時區

啥是時區？

時區是地球上的區域使用同一個時間定義。以前，人們通過觀察太陽的外接（時角）決定時間，這就使得不同經度的地方的時間各有不同，為了統一使用同一個時間，就引入了時區的概念。時區通過設立一個標準時間部分地解決了這個問題。世界各國位於地球的不同位置，因此不同國家，特別是東西跨度大的國家日出、日落時間必定有偏差，這些偏差就是時差。

時區表示法

協調世界時（UTC）是最主要的世界時間標準，其以院子時秒長為基礎，在時刻上儘量接近於格林威治標準時間。協調世界時是世界上調調節時鐘和時間的主要標準。如果時間是以協調世界時（UTC）表示，則在時間後面加上「Z」，「Z」是協調世界時中0時區的標誌。UTC時間也叫祖魯時間，因為在北約音標字母中用「Zulu」表示「Z」。

UTC偏移量的表示形式為：±[hh]:[mm]、±[hh][mm]或者±[hh]。比如北京時間比協調世界時（UTC）早八小時，那麼應當表示為：UTC+8。

JavaScript獲得當前使用者端的時區

Intl物件是ECMAScript國際化API的一個名稱空間，它提供了精確的字串對比、數位格式化和日期格式化。我們需要使用這個API的DateTimeFormat物件。具體可以參考：MDN Intl.DateTimeFormat

獲得使用者端當前時區：

Intl.DateTimeFormat().resolvedOptions().timeZone

可以看到輸出：Asia/Shanghai，即我所在時區為上海。

我們知道了在哪個時區，但是我們需要同時表示UTC+n的形式，那我們怎麼知道當前時區的UTC偏移量呢？

我們可以通過Date物件範例的getTimezoneOffset方法獲取（注意返回的結果的單位為分）：

new Date().getTimezoneOffset()

可以看到輸出的是-480，這樣獲得到的是0時區的時間差(0時區減去當前所在時區，單位是分鐘)。

中國標準時間是以東八區為準，比0時區的時間要早8小時。所以是-480，除以60就是所在時區：然後-480 / 60 = -8，即現在這個時區的偏移量為0 - (-8) = 8，即表示為：UTC+8 ，程式碼為：

'UTC+' + (0 - new Date().getTimezoneOffset() / 60); // 輸出：UTC+8

需要注意的是，不管你以何引數範例化一個Date物件，js在本地儲存時，都會轉化為本地時區，js不會幫你儲存範例化該日期時的時區資訊。

相比較來說，moment.js是一個很好的時間處理的庫，如果有時間操作的業務還是直接使用moment.js庫方便一點，當然，只是顯示一下時區之類的，可以直接用上面簡單處理即可。

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支援it145.com。