ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript でミリ秒を人間が判読できる日付に変換するにはどうすればよいですか?

JavaScript でミリ秒を人間が判読できる日付に変換するにはどうすればよいですか?

Patricia Arquette
リリース: 2024-10-21 16:34:30
オリジナル
894 人が閲覧しました

How to Convert Milliseconds to a Human-Readable Date in JavaScript?

jQuery/JavaScript でミリ秒を読み取り可能な日付に変換する

Web 開発の領域では、多くの場合、ユーザー操作のタイムスタンプを正確に表示することが重要です。よくある課題の 1 つは、時間の数値表現であるミリ秒を、DD/MM/YYYY HH:MM:SS などの読みやすい形式に変換することです。この記事では、JavaScript を使用してミリ秒を人間にわかりやすい日付に変換するプロセスについて説明します。

サーバー時刻の決定

表示されるタイムスタンプがサーバーを正確に反映していることを確認するには時刻を指定するには、サーバー側のタイムスタンプを使用することをお勧めします。これにより、ユーザーのタイムゾーンの違いやローカルマシンの不一致によって生じる不一致が排除されます。 JavaScript では、サーバーの API に AJAX リクエストを発行し、応答をキャプチャすることでサーバー時間を取得できます。

エポックからのミリ秒数の取得

サーバー時間を取得したら、 1970 年 1 月 1 日 00:00:00 UTC からのミリ秒。このエポック タイムスタンプは、さまざまなシステム間で一貫性を保証する普遍的な参照ポイントです。 JavaScript では、Date オブジェクトの getTime() メソッドを使用して、現在のタイムスタンプをミリ秒単位で取得できます。

<code class="javascript">var time = new Date().getTime();</code>
ログイン後にコピー

ミリ秒を日付に変換する

ミリ秒を人間に変換するには-読み取り可能な日付の場合は、ミリ秒の値を使用して新しい Date オブジェクトを作成する必要があります:

<code class="javascript">var time = new Date(time);</code>
ログイン後にコピー

これで、Date オブジェクトのさまざまなメソッドを使用して、日付の個々のコンポーネントを抽出できます:

  • date.getFull Year(): 年
  • date.getMonth(): 月 (0 ベース)
  • date.getDate(): 月の日
  • date.getHours(): 時 (0-23)
  • date.getMinutes (): 分 (0-59)
  • date.getSeconds(): 秒 (0-59)

これらのコンポーネントを組み合わせることで、希望の日付形式を構築できます:

<code class="javascript">var formattedDate = date.getFullYear() + '/' + (date.getMonth() + 1) + '/' + date.getDate() + ' ' + date.getHours() + ':' + date.getMinutes() + ':' + date.getSeconds();</code>
ログイン後にコピー

これにより、「2023/03/24 12:34:56」などの指定された形式で日付が出力されます。

結論

jQuery/JavaScript でミリ秒を読み取り可能な日付に変換するのは簡単です。サーバー時間を取得し、エポックからのミリ秒を抽出し、Date オブジェクトによって提供されるメソッドを使用することにより、Web アプリケーションでのユーザー操作の時間を正確に表す、人間に優しいタイムスタンプを作成できます。

以上がJavaScript でミリ秒を人間が判読できる日付に変換するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート