JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptのgetTime()メソッドとは?使い方とサンプルコードを解説

getTime()メソッドとは

JavaScriptのgetTime()メソッドは、1970年1月1日0時0分0秒(UTC、いわゆる「エポック」)から経過した時間をミリ秒単位で返すDateオブジェクトのメソッドです。

この値はUnixタイムスタンプとしても知られており、日付の比較や計算、有効期限の管理など、さまざまな場面で活用されています。

以下に、getTime()メソッドを使った具体的なサンプルコードを紹介します。

サンプルコード

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
   body {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   }
   .sample {
      font-size: 18px;
      font-weight: 500;
   }
</style>
</head>
<body>
<h1>JavaScript getTime() メソッド</h1>
<div class="sample"></div>
<button class="Btn">クリックしてください</button>
<h3>
上のボタンをクリックすると、1970年1月1日から経過したミリ秒が表示されます
</h3>
<script>
   let sampleEle = document.querySelector(".sample");
   let date = new Date();
   document.querySelector(".Btn").addEventListener("click", () => {
      sampleEle.innerHTML = "1970/01/01からの経過ミリ秒 = " + date.getTime();
   });
</script>
</body>
</html>

実行結果

ページを開いた直後の表示は次のようになります。

JavaScriptのgetTime()メソッドとは?使い方とサンプルコードを解説

「クリックしてください」ボタンを押すと、ボタンの下に現在時刻までの経過ミリ秒が表示されます。

JavaScriptのgetTime()メソッドとは?使い方とサンプルコードを解説

補足ポイント

  • getTime()が返すのはミリ秒単位の数値です。秒単位が必要な場合は、1000で割ってください。
  • 返り値は常にUTC(協定世界時)を基準としているため、タイムゾーンの影響を受けません。
  • 日付同士の差分計算(例:経過日数の算出)では、それぞれのgetTime()の値を引き算することで簡単に求められます。
  1. JavaScriptのObject.fromEntries()メソッドとは?配列やMapをオブジェクトに変換する方法

    JavaScriptのObject.fromEntries()メソッドは、「キー」と「値」のペアを持つ配列やMapなどのイテラブル(反復可能なオブジェクト)を、ひとつのオブジェクトに変換するためのメソッドです。 ES2019で追加されたこのメソッドは、オブジェクトを [key, value] 形式の配列に変換する Object.entries() と対になる存在であり、両者を組み合わせることで、オブジェクトのフィルタリングやデータ形式の変換を簡潔に記述できます。 基本構文 Object.fromEntries(iterable) 引数には、[キー, 値] のペアを要素として持つ配列やMapな

  2. JavaScriptのArray.flatMap()メソッドでネストした配列をフラット化する方法

    JavaScriptのArray.flatMap()メソッドは、ネスト(入れ子)された配列に対して各要素に関数を適用した結果を、新しいフラット(平坦化)な配列として返します。map()による変換と、深さ1の配列の平滑化を一度に行える便利なメソッドです。 以下は、Array.flatMap()メソッドの動作を確認できるサンプルコードです。 サンプルコード <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8" /> <meta name