JavaScriptにおけるミリ秒変換の究極ガイド10選

// 現在時刻のミリ秒を取得
const now = new Date();
const milliseconds = now.getTime();
console.log(milliseconds); // 出力: 現在時刻のミリ秒

// ミリ秒から日時への変換
const milliseconds = 1618915800000; // 特定のミリ秒
const date = new Date(milliseconds);
console.log(date); // 出力: ミリ秒に対応する日時

// 経過時間の計算
const start = new Date(); // 開始時刻

// 一定時間待機（例: 3秒）
setTimeout(() => {
  const end = new Date(); // 終了時刻
  const elapsedMilliseconds = end.getTime() - start.getTime(); // 経過時間（ミリ秒）
  console.log(`経過時間: ${elapsedMilliseconds}ミリ秒`);
}, 3000);

// タイマー機能
let milliseconds = 0;

// 1秒ごとにミリ秒を更新して表示
const timer = setInterval(() => {
  milliseconds += 1000; // ミリ秒を1秒分増加
  const date = new Date(milliseconds);
  console.log(date); // 日時を表示
}, 1000);

// データの並び替え
const data = [
  { id: 1, date: "2023-05-01" },
  { id: 2, date: "2023-04-15" },
  { id: 3, date: "2023-04-28" },
];

// 日付をミリ秒に変換して並び替え
const sortedData = data.sort((a, b) => {
  const aMilliseconds = new Date(a.date).getTime();
  const bMilliseconds = new Date(b.date).getTime();
  return aMilliseconds - bMilliseconds;
});

console.log(sortedData);

// アニメーション
let startMilliseconds = null;

function animate(currentMilliseconds) {
  if (!startMilliseconds) {
    startMilliseconds = currentMilliseconds;
  }

  const elapsedMilliseconds = currentMilliseconds - startMilliseconds;

  // アニメーション処理（例: 経過時間の表示）
  console.log(`経過時間: ${elapsedMilliseconds}ミリ秒`);

  // 次のアニメーションフレームを要求
  requestAnimationFrame(animate);
}

// アニメーション開始
requestAnimationFrame(animate);

// 時刻による条件分岐
const now = new Date();
const hour = now.getHours();

if (hour >= 12) {
  console.log("午後です");
} else {
  console.log("午前です");
}

// カウントダウンタイマー
const targetDate = new Date("2023-12-31T23:59:59");
const countdown = () => {
  const now = new Date();
  const remainingMilliseconds = targetDate.getTime() - now.getTime();
  if (remainingMilliseconds > 0) {
    const remainingSeconds = Math.floor(remainingMilliseconds / 1000);
    const remainingMinutes = Math.floor(remainingSeconds / 60);
    const remainingHours = Math.floor(remainingMinutes / 60);
    const remainingDays = Math.floor(remainingHours / 24);

    console.log(`残り${remainingDays}日${remainingHours % 24}時間${remainingMinutes % 60}分${remainingSeconds % 60}秒`);
    setTimeout(countdown, 1000);
  } else {
    console.log("カウントダウン終了");
  }
};

countdown();

// パフォーマンス計測
const performance = require("perf_hooks").performance;
const start = performance.now();

// 何らかの処理（ここでは1秒間の待機）
setTimeout(() => {
  const end = performance.now();
  const elapsedMilliseconds = end - start;
  console.log(`経過時間: ${elapsedMilliseconds}ミリ秒`);
}, 1000);

// リアルタイム時刻の表示
const displayCurrentTime = () => {
  const now = new Date();
  console.log(now.toLocaleTimeString());
};

setInterval(displayCurrentTime, 1000);

// 独自の日付フォーマットを適用する関数
function formatDate(date, format) {
  format = format.replace(/yyyy/g, date.getFullYear());
  format = format.replace(/MM/g, ('0' + (date.getMonth() + 1)).slice(-2));
  format = format.replace(/dd/g, ('0' + date.getDate()).slice(-2));
  format = format.replace(/HH/g, ('0' + date.getHours()).slice(-2));
  format = format.replace(/mm/g, ('0' + date.getMinutes()).slice(-2));
  format = format.replace(/ss/g, ('0' + date.getSeconds()).slice(-2));

  return format;
}

const now = new Date();
const formattedDate = formatDate(now, 'yyyy年MM月dd日 HH時mm分ss秒');
console.log(formattedDate);

// タイムゾーン対応の日付表示
function formatDateInTimezone(date, timeZone) {
  const options = {
    timeZone: timeZone,
    year: 'numeric',
    month: '2-digit',
    day: '2-digit',
    hour: '2-digit',
    minute: '2-digit',
    second: '2-digit'
  };

  return new Intl.DateTimeFormat('ja-JP', options).format(date);
}

const now = new Date();
const tokyoTime = formatDateInTimezone(now, 'Asia/Tokyo');
const newYorkTime = formatDateInTimezone(now, 'America/New_York');
const londonTime = formatDateInTimezone(now, 'Europe/London');

console.log(`東京時刻: ${tokyoTime}`);
console.log(`ニューヨーク時刻: ${newYorkTime}`);
console.log(`ロンドン時刻: ${londonTime}`);