ホームページ >ウェブフロントエンド >フロントエンドQ&A >JavaScript でワールドタイムを変換する

JavaScript でワールドタイムを変換する

WBOY
WBOYオリジナル
2023-05-12 18:02:371658ブラウズ

グローバル化の加速に伴い、タイムゾーンを越えたコミュニケーションや協力が徐々に当たり前になってきました。このプロセスでは、JavaScript の世界における時間変換の原理と方法を深く理解することが不可欠なスキルです。この記事では、JavaScript でワールドタイム変換を実行する方法に焦点を当て、このスキルを簡単に習得できるようにします。

1. JavaScript におけるワールドタイムの​​概念
ワールドタイムとは、国際的に統一して使用される標準時間を指します。地球は 24 のタイムゾーンに分かれており、各タイムゾーンの時刻が異なるため、コミュニケーションを容易にし、業務を統一するために、国際社会は 1986 年に協定世界時 (UTC) を世界標準時として採用しました。 UTC はグリニッジ天文台を起点として使用し、1 時間ごとに時刻に 1 を加算するため、UTC は世界中のほとんどのタイムゾーンより 8 時間遅れます。

JavaScript では、組み込みの Date オブジェクトを通じてワールドタイムを取得でき、対応する関数を呼び出すことでワールドタイムを変換できます。

2. JavaScript のワールドタイムをローカルタイムに変換する
ワールドタイムを使用した操作が必要な場合、ワールドタイムをローカルタイムに変換する必要があることがよくありますが、具体的な操作方法は次のとおりです。

var utcTime = new Date("2019-12-31T10:30:00Z"); // utc 時間

var localTime = new Date(utcTime.getTime() utcTime.getTimezoneOffset()
60 1000); //現地時間に変換

上記のコードの説明:

    まず、new Date("2019-12- として表される UTC 時間オブジェクトを作成します) 31T10:30:00Z ")。 UTC 時間を表す場合は、時間文字列の末尾に「Z」を追加する必要があることに注意してください。
  1. 次に、utcTime.getTimezoneOffset() を通じて、現在のタイム ゾーンと UTC タイム ゾーンの差 (分単位) を取得します。getTimezoneOffset() は、現在のタイム ゾーンが UTC と異なる分数を返します。したがって、ミリ秒に変換するには 60*1000 を掛ける必要もあります。
  2. 最後に、localTime = new Date(utcTime.getTime() utcTime.getTimezoneOffset()
  3. 60 1000) を使用して、UTC 時間を現地時間に変換します。
getTimezoneOffset() で取得される差は正または負の整数であることに注意してください。システムのタイムゾーンが UTC 時間より早い場合、減算の結果は正の数になり、そうでない場合は減算の結果が正の数になります。それは負の数です。

3. JavaScript の現地時間を世界時間に変換する

現地時間を世界時間に変換する必要がある場合は、同様の方法で変換を行うこともできます:

var localTime = new Date(" 2019-12-31T10:30:00"); // 現地時間

var utcTime = new Date(localTime.getTime() - localTime.getTimezoneOffset()
60 1000); / / UTC 時間に変換

上記のコードの説明:

    まず、new Date("2019-12-31T10:30:00" として表される現地時間オブジェクトを作成します) )。
  1. 次に、 localTime.getTimezoneOffset() を使用して、現在のタイム ゾーンと UTC タイム ゾーンの差 (分単位) を取得します。また、ミリ秒に変換するには、結果に 60*1000 を掛ける必要があります。
  2. 最後に、utcTime = new Date(localTime.getTime() - localTime.getTimezoneOffset()
  3. 60 1000) を使用して、現地時間を UTC 時間に変換します。
得られる差は正または負の整数であるため、ここでの加算および減算演算は特定の状況に応じて実行する必要があることに注意してください。

4. JavaScript での時刻の書式設定

実際の開発では、読み取りや他のシステムへの送信を容易にするために、時刻を特定の文字列に書式設定する必要があることがよくあります。 JavaScript では、Date オブジェクトのメソッドを呼び出し、書式設定構文を使用することで、時間を書式設定できます。

次に、一般的に使用される書式設定構文と用途を示します。

%d: 月の日 (01 ~ 31) を表します。

%m: 月を表します ( 01–31) 12)

%Y: 年を示します

%H: 時を示します (00-23)

%M: 分を示します

%S:秒を表します

%w:曜日を表します(0~6)

%a:曜日の略称を表します(月~金) )

使用法は次のとおりです:

var now = new Date();

var dateString = now.toLocaleString('chinese', {hour12: false }); // 変換to local time
console.log(dateString); / / 2022/12/24 19:26:28

上記のコードでは、toLocaleString() 関数を呼び出して言語タイプを中国語として指定しますDate オブジェクトの値を取得し、24 時間制をオンにし (hour12 パラメーターは false に設定されます)、最後に書式設定された日付文字列を返します。

5. 結論

インターネットの急速な発展に伴い、世界時間の変換は日常業務や科学研究に不可欠な部分になりました。この記事では、ワールドタイムから現地時間への変換、現地時間からワールドタイムへの変換、時間の書式設定などの一般的な操作を含む、JavaScript でのワールドタイム変換の原理と方法に焦点を当てており、読者の参考になれば幸いです。

以上がJavaScript でワールドタイムを変換するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。