91292


-実現したいこと-

時間と分のみを設定してあとは現在時刻を表示させるようにしたいです。

＝ latest access: 2022/9/25 23:25

[code]

    <!doctype html>
    <html>
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>テンプレート</title>
    <link href="../../_common/images/favicon.ico" rel="shortcut icon">
    <link href="https://fonts.googleapis.com/css?family=M+PLUS+1p:400,500" rel="stylesheet">
    <link href="../../_common/css/style.css" rel="stylesheet">
    </head>
    <body>
    <header>
    <div class="container">
    <h1>タイトル</h1>
    <h2>サブタイトル</h2>
    </div><!-- /.container -->
    </header>
    <main>
    <div class="container">
    <section>
    
    <p>latest access: <span id="time"></span></p>
    
    </section>
    </div><!-- /.container -->
    </main>
    <footer>
    <div class="container">
    <p>JavaScript Samples</p>
    </div><!-- /.container -->
    </footer>
    
    <script>
    
        const now = new Date();
        const year = now. getFullYear();
        const month = now.getMonth();
        const date = now.getDate();
        const hour = now.setHours(23);
        const min = now.setMinutes(25);
    
    
    
    let ampm = '';
    
    if (hour < 12) {
     ampm = 'a.m.';
    } else {
        ampm = 'p.m.';
    }
    
    const output = `${year}/${month + 1}/${date}  ${hour % 12}:${min}${ampm}`;
        document.getElementById('time').textContent = output;
    
    
    
    </script>
    </body>
    </html>
    
[/code]


CC BY-SA 4.0
2022-09-25T05:30:29.377
91288
2022-09-25T10:42:59.530
53823
question
javascript
setHours() とsetMinutes()のみの指定


`setHours` と `getHours` の機能を混同しているようです。`setMinutes` と `getMinutes` も同様。

`setHours`は時間を設定します。返り値は日付/時刻になります。  
`getHours`は日付/時刻から時間を数値として取得します。

[code]

    const now = new Date();
    now.setHours(23);
    now.setMinutes(25);
    const year = now.getFullYear();
    const month = now.getMonth();
    const date = now.getDate();
    const hour = now.getHours();
    const min = now.getMinutes();
    
    let ampm = "";
    
    if (hour < 12) {
      ampm = "a.m.";
    } else {
      ampm = "p.m.";
    }
    
    const output = `${year}/${month + 1}/${date}  ${hour % 12}:${min}${ampm}`;
    document.getElementById("time").textContent = output;
[/code]

[code]

    <header>
      <div class="container">
        <h1>タイトル</h1>
        <h2>サブタイトル</h2>
      </div><!-- /.container -->
    </header>
    <main>
      <div class="container">
        <section>
    
          <p>latest access: <span id="time"></span></p>
    
        </section>
      </div><!-- /.container -->
    </main>
    <footer>
      <div class="container">
        <p>JavaScript Samples</p>
      </div><!-- /.container -->
    </footer>
[/code]


CC BY-SA 4.0
2022-09-25T07:49:00.430
91292
2022-09-25T10:42:59.530
2022-09-25T10:42:59.530
19110
42240
91288
answer