mikiokataoka blog

コンピュータ関連の勉強記録

『確かな力が身につくJavaScript「超」入門』を読んでいます 1

はじめに

『確かな力が身につくJavaScript「超」入門』狩野祐東著を199ページまで読みました。今回勉強のために、166ページの「12時間時計にしてみよう」を自分なりに書いてみました。

「12時間時計にしてみよう」を書いた結果

『確かな力が身につくJavaScript「超」入門』166ページより

JavaScript のコード

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>12 hours</title>
</head>
<body>
  <p>最終アクセス日時：<span id="time"></span></p>
  <script>
    // 午前または午後を判定する関数
    var getAmOrPm = function (_now) {
      if (_now.getHours() < 12) {
        return 'a.m.';
      } else {
        return 'p.m.';
      }
    }

    var now = new Date();

    var year    = now.getFullYear();
    var month   = now.getMonth() + 1;
    var date    = now.getDate();
    var hours12 = now.getHours() % 12; // 12時間表記の時刻。
    var minutes = now.getMinutes();
    var amOrPm  = getAmOrPm(now);

    var output = year    + '/'
               + month   + '/'
               + date    + ' '
               + hours12 + ':'
               + minutes + ' '
               + amOrPm;

    document.getElementById('time').textContent = output;
  </script>
</body>
</html>

おわりに

求職活動中ですが、JavaScript の勉強をもう少し続けるつもりです。