カテゴリ: JavaScript 更新日: 2025/12/29

JavaScriptでタイムスタンプ(UNIX時間)を取得・変換する方法を初心者向けに解説

JavaScriptのタイムスタンプ(UNIX時間)を取得・変換する方法
JavaScriptのタイムスタンプ(UNIX時間)を取得・変換する方法

先生と生徒の会話形式で理解しよう

生徒

「先生、JavaScriptで現在の時間を数字で扱いたいんですけど、どうすればいいですか?」

先生

「それなら、UNIX時間、つまり1970年1月1日からの経過ミリ秒を使うと便利です。JavaScriptではDateオブジェクトから簡単に取得できます。」

生徒

「UNIX時間って何ですか?」

先生

「UNIX時間とは、1970年1月1日00:00:00(UTC)から何秒またはミリ秒経過したかを表す数字のことです。コンピュータ同士で日時を扱うときに非常に便利です。」

生徒

「なるほど。それを日付に戻すことはできますか?」

先生

「もちろんです。タイムスタンプからDateオブジェクトを作れば簡単に変換できます。」

1. 現在のタイムスタンプを取得する方法

1. 現在のタイムスタンプを取得する方法
1. 現在のタイムスタンプを取得する方法

JavaScriptではDate.now()を使うと、現在時刻のUNIXタイムスタンプ(ミリ秒単位)を取得できます。


const timestamp = Date.now();
console.log(timestamp); // 例: 1768886400000

1768886400000

この数字は1970年1月1日からのミリ秒数です。

2. Dateオブジェクトからタイムスタンプを取得

2. Dateオブジェクトからタイムスタンプを取得
2. Dateオブジェクトからタイムスタンプを取得

getTime()メソッドを使うと、Dateオブジェクトからもタイムスタンプを取得できます。


const now = new Date();
const timestamp = now.getTime();
console.log(timestamp);

1768886400000

Date.now()と同じ結果が得られます。

3. UNIX時間(秒単位)に変換する

3. UNIX時間(秒単位)に変換する
3. UNIX時間(秒単位)に変換する

JavaScriptのgetTime()Date.now()はミリ秒単位なので、秒単位にしたい場合は1000で割ります。


const timestampSeconds = Math.floor(Date.now() / 1000);
console.log(timestampSeconds); // 例: 1768886400

1768886400

これでサーバーやAPIでよく使われる秒単位のUNIX時間が取得できます。

4. タイムスタンプを日付に変換する

4. タイムスタンプを日付に変換する
4. タイムスタンプを日付に変換する

取得したタイムスタンプを人間が読める日付に変換するには、Dateオブジェクトを使います。


const timestamp = 1768886400000; // ミリ秒単位
const date = new Date(timestamp);
console.log(date.toString()); // 例: Tue Nov 18 2025 00:00:00 GMT+0900 (日本標準時)

toString()以外にもtoLocaleString()を使うと、地域に合わせた日付形式で表示できます。


console.log(date.toLocaleString("ja-JP")); // 例: 2025/11/18 0:00:00

5. タイムスタンプの応用例

5. タイムスタンプの応用例
5. タイムスタンプの応用例

タイムスタンプは日時の計算にも便利です。例えば、1日後のタイムスタンプを計算することも簡単です。


// 1日 = 24時間 * 60分 * 60秒 * 1000ミリ秒
const oneDay = 24 * 60 * 60 * 1000;
const tomorrowTimestamp = Date.now() + oneDay;
const tomorrow = new Date(tomorrowTimestamp);
console.log(tomorrow.toLocaleString("ja-JP"));

2025/11/19 0:00:00

このようにタイムスタンプを使うと、日付の加減算や比較が非常に簡単になります。

カテゴリの一覧へ
新着記事
New1
TypeScript
TypeScript × ES6の連携まとめ!安全でモダンなJavaScript開発の鍵
New2
TypeScript
TypeScriptの型システムとは?静的型付けのメリットと基本
New3
JavaScript
JavaScriptの正規表現で繰り返し指定(* + ? {n,m})を学ぼう
New4
TypeScript
TypeScriptとESNextの連携を完全ガイド!最新機能を使いこなす設定と対応法
人気記事
No.1
Java&Spring記事人気No1
JavaScript
JavaScriptのインストール方法まとめ!Windows・Mac・Linux別にステップ解説
No.2
Java&Spring記事人気No2
JavaScript
JavaScriptの日時操作Tips!実務で役立つテクニック集
No.3
Java&Spring記事人気No3
TypeScript
TypeScriptでESLintとPrettierを導入!コード整形ルールを自動で統一する方法
No.4
Java&Spring記事人気No4
JavaScript
JavaScriptプログラムの実行方法まとめ!ブラウザ・Node.js・コンソールの使い方
No.5
Java&Spring記事人気No5
TypeScript
TypeScriptでコメントを書く正しい書き方と使い分け【初心者向けにやさしく解説】
No.6
Java&Spring記事人気No6
TypeScript
TypeScriptのif文の使い方を完全ガイド!初心者でもわかる条件分岐
No.7
Java&Spring記事人気No7
JavaScript
JavaScriptの正規表現で文字列を置換する方法(replaceメソッド)
No.8
Java&Spring記事人気No8
TypeScript
TypeScriptで非同期イテレーター(for await of)を活用する