平凡エンジニアによる平凡ブログ

平凡インフラエンジニアがスキルアップを目指してプログラミングやクラウドやサーバといったインフラのアウトプットをしていきます!

現在の時刻表示(javascript)

<!Doctype html>

<html>
  <header>
    <meta charset="utf-8">
    <title>sample</title>
    <div id="timer"></div>
  </header>

  <body>
    <script src="test.js"></script>
  </body>

  </html>
(function(){
  var timer = document.getElementById("timer");
  timer.textContent = new Date();
}());

結果(例) Wed Dec 25 2019 00:01:11 GMT+0900 (日本標準時)

ポイントはnew Dateで現在の時刻をオブジェクトとして生成している点です。 ちなみにDateの引数を()にすると現在時刻が生成されますが、特定の時刻を引数に入力することで 引数に入力した時刻も表示させることができるようです。

以上簡単にまで