JavaScriptで現在のブラウザのタイムゾーン情報を取得することができます

クズども · 2023年9月20日 19:49:55 に投稿

要件:ユーザー体験を向上させるために、ウェブサイトは現在のユーザーのタイムゾーンに対応した時刻を表示し、jsで現在のブラウザタイムゾーン情報を取得してバックエンドに渡し、処理済みデータをユーザーに表示する必要があります。 (またはフロントエンドのデータが変換される)

JavaScriptは現在のクライアントのタイムゾーンを取得します

IntlオブジェクトはECMAScript国際化APIの名前空間であり、正確な文字列比較、数値書式、日付書式を提供します。このAPIのDateTimeFormatオブジェクトを使う必要があります。

詳細については以下をご覧ください:ハイパーリンクのログインが見えます。

コード：

ログインが見えます。

出力は以下の通りです:アジア/上海、私のタイムゾーンは上海です。

UTCタイムゾーンのずれ

表示時間をよりローカライズするために、現在のブラウザのUTCタイムゾーンオフセットを取得し、それに応じてUTC時間を増減させることができます。これはDateオブジェクトインスタンスのgetTimeOffsetメソッドで得られます(結果に注目してください)単位はセントです）：

ドキュメンテーション：ハイパーリンクのログインが見えます。

Chromeブラウザは異なる領域をシミュレートし、オフセットを出力し、コンソールDevTools ->More Tools->センサーを出力し、位置を変更します。以下のように示されています:

新しい日付()
2023年9月20日水曜日 19:47:47 GMT+0800(中国標準時)
new Date().getTimezoneOffset()
-480
新しい日付()
2023年9月20日(水)13:48:12 GMT+0200 (Mitteleuropäische Sommerzeit)
new Date().getTimezoneOffset()
-120
新しい日付()
2023年9月20日(水)08:48:19 GMT-0300(ブラジリアのオラリオ・パドラン)
new Date().getTimezoneOffset()
180

(終わり)

[JavaScript] JavaScriptで現在のブラウザのタイムゾーン情報を取得することができます

関連記事

閲覧したセクション