ホームページ > 記事 > ウェブフロントエンド > JavaScriptで日付間の相対的なタイムスタンプの差を取得する
Web サイト上の通知にタイムスタンプが表示されているのを見たことはありますか? 「12分前」、「2日前」、「10時間前」などが表示されます。これは、2 つの日付または時刻の間のタイムスタンプの違いに関係しています。
さらに、一部のアプリでは、デバイスが最後にログインしたのは 22 時間前であると表示されます。したがって、2 つの日付間のタイムスタンプの差を取得するには、さまざまな用途があります。
このチュートリアルでは、2 つの日付間の相対的なタイムスタンプの差を取得するさまざまな方法を学びます。
JavaScript では、new Date() コンストラクターを使用して日付オブジェクトを作成できます。さらに、特定の日付を引数として Date() コンストラクターに渡し、その日付値で日付オブジェクトを初期化できます。
getTime() このメソッドは、1970 年 1 月 1 日からの合計秒数を返します。したがって、2 つの日付の合計ミリ秒を見つけて、それらを減算してミリ秒の差を取得できます。そのミリ秒を使用すると、タイムスタンプの違いを秒、分、年などで見つけることができます。
###文法###上記の構文では、current_date とprevious_date は 2 つの異なる日付です。 getTime() メソッドを使用して、2 つの日付間のミリ秒の差を取得します。
注- second_diff変数の値をミリ秒と比較することで、相対的なタイムスタンプの差を取得できます。 ###ステップ### ユーザーは、以下の手順に従って、異なる単位 (日、月、年など) で 2 つの日付間の相対タイムスタンプを検索できます。
ステップ 1- 2 つの異なる日付を作成します。
ステップ 2 -
getTime()メソッドを使用して、2 つの日付の合計ミリ秒を取得し、それらの差を取得します。さらに、ミリ秒の差を 1000 で割って秒に変換し、Secondary_diff 変数に格納します。 ステップ 3 - 次に、
if-else条件ステートメントを使用して、相対的なタイムスタンプの違いを見つけます。 ステップ 4 -
second_diff の値が 60 未満の場合、差は秒単位です。 Second_diff の値は 60 ~ 3600 で、差は時間単位です。ユーザーはこのように日、月、年を計算することもできます。 ###例### 以下の例では、Date コンストラクターを使用して 2 つの異なる日付オブジェクトを作成し、上記の手順を使用して 2 つの日付間の相対タイムスタンプを検索します。 出力では、次のコードで表される月のタイムスタンプの違いを確認できます。
リーリーIntl は国際化 API を指します。さまざまな日付と時刻の書式設定メソッドが含まれています。 Intl オブジェクトの
RelativeTimeFormat()メソッドを使用して、2 つの日付間の相対タイムスタンプを取得できます。
###文法###API を使用して、2 つの日付間の相対タイムスタンプを取得できます。 リーリー 上記の構文では、RelativeTimeFormat() メソッドはタイムスタンプの差を返します。 time_Stamp_unit は、さまざまな時間単位とその合計ミリ秒数を含むオブジェクトです。
###ステップ### ステップ 1- 時間単位をキーとして、合計ミリ秒数をその時間単位の値として含む単位オブジェクトを作成します。
ステップ 2- 2 つの日付間の時差 (ミリ秒単位) を取得します。
ステップ 3- 次に、for-in ループを使用して time_stamp_unit オブジェクトを反復処理し、
second_diffの値が合計数より大きいかどうかを確認します。特定の時間のミリ秒単位; RelativeTimeFormat() を使用 この特定の単位でタイムスタンプをフォーマットするには、API の format メソッドを使用します。
ステップ 4 - その後、for ループを中断します。 ###例### 以下の例では、上記の構文と手順で説明したように、RelativeTimeFomrat() メソッドを使用して 2 つの日付間の相対的なタイムスタンプの差を取得します。 リーリー ユーザーは、if-else ステートメントと
RelativeTimeFormat()API の format() メソッドを使用して、2 つの日付の間の相対タイムスタンプを見つける方法を学習しました。ユーザーはニーズに応じて両方の方法を使用できます。
以上がJavaScriptで日付間の相対的なタイムスタンプの差を取得するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。