NEW ARTICLE
TypeError: this.getOptions is not a function の解決方法
  1. HOME
  2. javascript
  3. JavaScript 現在時刻を取得する

JavaScript 現在時刻を取得する

JavaScript 現在時刻を取得する

JavaScriptでローカル時刻の現在時刻を取得するサンプルコードを記述してます。 dateオブジェクトのtoLocaleStringを利用します。

目次

環境

  • OS windows11 home
  • Apache 2.4.43
  • ブラウザ chrome 102.0.5005.63
Javascript サンプル集はこちら

現在時刻取得

「date」オブジェクトの「toLocaleString」を利用します。

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>mebee テスト</title>  
</head>
<body>
  <div id="content"></div>
  <script>

    document.getElementById('content').innerHTML = 
    new Date().toLocaleString(undefined, {
      year:"numeric",
      month: "short",
      day: "numeric",      
      hour: "numeric",
      //2桁表示
      minute: "2-digit",
      //12時間表示
      hour12: true
    });  

  </script>
</body>
</htm

実行結果は下記の通りとなります。

プロパティに何も指定しない場合は、全て「 numeric 」となります。

<!DOCTYPE html>
<html lang="ja">

<head>
  <meta charset="UTF-8">
  <title>mebee テスト</title>
</head>

<body>
  <div id="content"></div>
  <script>

    document.getElementById('content').innerHTML =
      new Date().toLocaleString(undefined, {
      });

  </script>
</body>
</htm

実行結果