現在時刻を表示しよう

現在の時間は

※ここに時計が表示されます

HTMLソースコード

<div class="realday" id="Today"></div>
<p class="realtime" id="Clock">※ここに時計が表示されます</p>

JavaScript日付ソースコード

var now = new Date();
function LoadProc() {
  var Year = now.getFullYear();
  var Month = now.getMonth() + 1;
  var Date = now.getDate();

  var target = document.getElementById("Today");
  target.innerHTML = Year + "年" + Month + "月" + Date + "日";
}

JavaScript現在時刻ソースコード

// 桁数が1桁だったら先頭に0を加えて2桁に調整する
function set(num) {
  var ret;
  if (num < 10) {
    ret = "0" + num;
  } else {
    ret = num;
  }
  return ret;
}


function showClock() {
  var nowTime = new Date();
  var nowHour = set(nowTime.getHours());
  var nowMin = set(nowTime.getMinutes());
  var nowSec = set(nowTime.getSeconds());
  var msg = "時刻は" + nowHour + "時" + nowMin + "分" + nowSec + " 秒です";
  document.getElementById("Clock").innerHTML = msg;
}
setInterval('showClock()', 1000);