JavaScriptタイムスタンプ:ステップバイステップガイド
JavaScriptタイムスタンプ形式を取得するには、 Date()
を使用します。 オブジェクト。読み取り可能なタイムスタンプ形式で現在の時刻を保持します。新しいDate()
を作成することもできます タイムスタンプが異なるオブジェクト。getTime()
を使用して現在のUnix時間を取得します。 メソッド。
日付と時刻の管理は、プログラミングの重要な部分です。たとえば、JavaScriptでは、動的な著作権の日付、スケジュール、またはイベントとその時刻のリストを作成する必要がある場合があります。これらはすべて、ある程度の時刻/日付の使用を伴います。
JavaScriptで時間を操作するには、Dateオブジェクトとそれに関連するメソッドを使用できます。 Dateオブジェクトを使用すると、日付と時刻を格納し、特定のニーズに基づいて日付と時刻をフォーマットできます。
このチュートリアルでは、Dateを使用してJavaScriptタイムスタンプを作成する基本について説明します。また、JavaScriptで日付とタイムスタンプをフォーマットする方法、およびUTC時間値を取得する方法についても説明します。
JavaScriptタイムスタンプオブジェクト
Dateオブジェクトは、JavaScriptで日付と時刻を格納するために使用されます。引数がない場合、Dateオブジェクトは現在の日付と時刻でオブジェクトを作成します。現在の日付と時刻を取得するために使用されているDateオブジェクトの例を次に示します。
const currentTime = new Date(); console.log(currentTime);
このコードでは、Dateオブジェクトを割り当てる「currentTime」という変数を宣言します。次に、変数「currentTime」をコンソールに出力します。私たちのコードは次を返します:
2020年2月5日水曜日11:18:21GMT+ 0000(グリニッジ標準時)
ご覧のとおり、コードは現在の日付と時刻を読み取り可能な方法で返しています。 Dateオブジェクトの結果をいくつかのコンポーネントに分解できます。
参加者の81%は、ブートキャンプに参加した後、自分たちの技術的な仕事の見通しについてより自信を持っていると述べました。今日のブートキャンプにマッチしましょう。
平均的なブートキャンプの卒業生は、ブートキャンプの開始から最初の仕事を見つけるまで、キャリアの移行に6か月も費やしませんでした。
- 日:水
- 月:2月
- 日:14
- 年:2020
- 時間:11
- 分:18
- 2番目:21
- タイムゾーン:GMT + 000(グリニッジ標準時)
ただし、dateオブジェクトはこの値を返しますが、JavaScriptはUnix時間を通じて日付と時刻を理解します。 Unix時間は、1970年1月1日の深夜から経過したミリ秒数を表す値であり、プログラミングに時間を格納するための一般的な標準です。
Unix JavaScriptタイムスタンプを取得する場合は、次のようにgetTime()メソッドを使用して取得できます。
console.log(currentTime.getTime());
コードは次のようになります: 1580901774643
。この数字は、上記で受け取った情報ほど魅力的ではありませんが、まったく同じ意味です。
既存のタイムスタンプからの新しい日付オブジェクトの作成
これまで、現在の時刻に基づいてDateオブジェクトを作成する方法について説明してきました。ただし、既存のJavaScriptタイムスタンプに基づいてDateオブジェクトを作成することもできます。
これは、すでに日付値があり、JSDateオブジェクトを使用して操作したい場合に便利です。たとえば、上記で示した長い形式の時間(曜日、時刻、タイムゾーン、およびその他の関連情報を示すもの)に表示するUnixタイムスタンプがあるとします。
いくつかの方法で、既存のタイムスタンプから新しいDateオブジェクトを作成できます。 Dateを使用して、以下に基づいて新しいオブジェクトを作成できます。
- 既存のUnixタイムスタンプ(新しいDate(timestamp))
- 日付文字列(新しい日付(日付文字列))
- 特定の日付と時刻(新しい日付(年、月、日、時間、分、秒、ミリ秒))
これらの各メソッドの実際の例を次に示します。
new Date(9231925020);
new Date( "April 17 1970 21:25:25");
new Date(1970、3、17、21、25、25、0);
これらの各例は、同じ情報を使用してDateオブジェクトを作成します。したがって、前に行ったように、これらの日付オブジェクトのいずれかとgetTime()関数を使用して時刻を出力すると、次の応答が得られます。
1970年4月17日金曜日21:25:25GMT+ 0100(グリニッジ標準時)
最後の方法(年、月、日、時間、分、秒、ミリ秒を指定する方法)では、欠落している値はすべて0に設定されます。さらに、月は「3」
JavaScriptのDateオブジェクトは“ 0”
からカウントアップするためです 数ヶ月間。
日付の取得
Dateオブジェクトができたので、必要な日付または時刻の任意の部分を取得できます。 JavaScriptのgetメソッドを使用して、ローカルタイムゾーンに関連する日付の特定の部分を返すことができます。日付を取得するために使用できる日付メソッドは次のとおりです。
- 年:getFullYear()
- 月:getMonth()
- 月の日:getDate()
- 曜日:getDay()
- 時間:getHours()
- 分:getMinutes()
- 2番目:getSeconds()
- ミリ秒:getMilliseconds()
2020年1月1日の新しい日付オブジェクトを作成しましょう。
const january2020 =new Date(2020、1、1);
ここで、上記のメソッドを年、月、日に使用すると、次のようになります。
january2020.getFullYear(); // 1980 january2020.getMonth(); 1 january2020.getDate(); 1
時間の特定の部分を取得するために、タイムスタンプで前に説明した日付メソッドのいずれかを実行できます。
さらに、Dateオブジェクトを使用してJavaScriptで時間を比較できます。したがって、2020年かどうかを確認したい場合は、次のコードを使用できます。
const currentDate = new Date(); if (currentDate.getFullYear() === 2020) { console.log("It's 2020!"); } else { console.log("It's not 2020!"); }
この記事が書かれているのは2020年なので、コードは「2020年です!」と返します。上記と同じアプローチを使用して年と日を比較するなど、より高度な比較方法を実行することもできます。
UTCメソッド
上記で説明した日付取得関数によって返される値は、ローカルタイムゾーンの設定に基づいています。協定世界時に基づいて時間を計算するUTCタイムスタンプを取得する場合は、“ UTC”
を追加する必要があります。 “ get”
という単語の後 上記の関数で。
次に、現在の時刻とUTCタイムゾーンの時刻を取得するために使用されているgetHours()メソッドとgetUTCHours()メソッドの例を示します。
const currentDate = new Date(); console.log(currentDate.getHours()); console.log(currentDate.getUTCHours());
私たちのコードは次を返します:
11
11
このコードは、現在のタイムゾーンの時間とUTCタイムゾーンの時間の両方を出力します。現在UTCにいる場合、これらの番号は同じになります(上記のように)。
UTCの使用は、国際的に認められた標準であり、複数のタイムゾーンに依存するWebサイトまたはアプリを作成するときによく使用されるため便利です。
結論
時間はJavaScriptの重要な部分であり、コーディング時に頻繁に遭遇する可能性があります。このチュートリアルでは、現在の時刻を格納するDateオブジェクトを作成する方法について説明しました。また、タイムスタンプ、日付文字列、および特定の時刻に基づいてカスタムDateオブジェクトを作成する方法についても説明し、JavaScriptに組み込まれている日付取得メソッドについても説明しました。
これで、専門家のようにJavaScriptでタイムスタンプを取得して操作するために必要なスキルを身に付けることができます。
-
JavaScript関数の使用方法:ステップバイステップガイド
JavaScript関数は、再利用できるコードのカスタムブロックです。関数を使用すると、コードをよりモジュール化でき、オブジェクト指向プログラミングに不可欠です。関数は、宣言または式を介して定義できます。 JavaScriptを学び、基本を知りたい場合、JS関数は間違いなく知っておく必要のあるものです。プログラミング言語での作業に時間を費やしたことがあれば、関数が複雑なプログラムの構成要素であることはご存知でしょうが、それらがどのように機能するかわからない場合があります。関数を使用すると、コードを複数回繰り返すのではなく、一般的なプロセスに対して1回だけコードを記述できます。 関
-
JavaScript Onclick:ステップバイステップガイド
JavaScriptのonclickイベントは、ユーザーがボタンまたは別のWeb要素をクリックしたときに関数を実行します。このメソッドは、HTMLドキュメントとJavaScriptドキュメントの両方でインラインで使用されます。 JavaScriptでコーディングしている場合、ユーザーがWebページを操作するときにコードを実行するのが一般的です。たとえば、ユーザーがボタンを押したときに何かが発生したい場合があります。しかし、JavaScriptでこの機能をどのように実装しますか? そこで、「onclick()」イベントが役立ちます。 onclickイベントは、最も一般的に使用されるイベ