[JavaScript] JavaScriptで現在の日付、時刻を取得する
このページのタグ:[JavaScript]
JavaScriptで現在の時刻、日付を取得します。

概要

JavaScriptで現在の時刻を表示する場合は、new Date()にてDateオブジェクトを作成し、getHours()メソッドなどを呼び出すことで日付や時刻の要素を取得できます。

コード


<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
  <script type="text/javascript">
    var now = new Date();
    function LoadProc() {
      var target = document.getElementById("DateTimeDisp");

      var Year = now.getFullYear();
      var Month = now.getMonth();
      var Date = now.getDate();
      var Hour = now.getHours();
      var Min = now.getMinutes();
      var Sec = now.getSeconds();

      target.innerHTML = Year + "年" + Month + "月" + Date + "日" + Hour + ":" + Min + ":" + Sec;
    }

  </script>
</head>
<body onload="LoadProc();">
現在の時刻:
   <div id="DateTimeDisp"></div>
</body>
</html>

解説


  var now = new Date();
にて、Dateオブジェクトを新規に作成します。


function LoadProc() {
  var target = document.getElementById("DateTimeDisp");

  var Year = now.getFullYear();
  var Month = now.getMonth();
  var Date = now.getDate();
  var Hour = now.getHours();
  var Min = now.getMinutes();
  var Sec = now.getSeconds();

  target.innerHTML = Year + "年" + Month + "月" + Date + "日" + Hour + ":" + Min + ":" + Sec;
}
"DateTimeDisp"のIDを持つDIVタグのエレメントを取得し、そこに現在の時刻を表示します。

補足

Bodyタグ内の

  onload="LoadProc();"
を忘れずに。

実行結果

HTMLファイルを表示します。下図の画面が表示されます。現在の時刻が表示されています。


ページをリロードすると時刻表示も更新されます。

プライバシー    iPentecについて
iPentec all rights reserverd. (ISDC)