時計機能　自動にリロードするようにしたい

現在の時間を取得し表示できるのですが
自動で数字が更新されません。
リロードをしたら時間が切り替わる状態。

どのようにしたら改善しますでしょうか0. 番号リスト

HTML
1<p id="RealtimeClockArea2">※ここに時計が表示</p>
2

javascript
1function set2fig(num) {
2  // 桁数が1桁だったら先頭に0を加えて2桁に調整する
3  var ret;
4  if( num < 10 ) { ret = "0" + num; }
5  else { ret = num; }
6  return ret;
7}
8window.addEventListener('load',set2fig)
9
10function showClock2() {
11  var nowTime = new Date();
12  var nowHour = set2fig( nowTime.getHours() );
13  var nowMin  = set2fig( nowTime.getMinutes() );
14  var nowSec  = set2fig( nowTime.getSeconds() );
15  var msg = "現在時刻は、" + nowHour + ":" + nowMin + ":" + nowSec + " です。";
16  document.getElementById("RealtimeClockArea2").innerHTML = msg;
17}
18window.addEventListener('load',showClock2)
19setInterval('showClock2()',1000);
20

miyabi_pudding

2020/10/26 01:07 編集

コンソールは確認しましたか？なにかエラーが出ていませんか？

行動規範の内容に同意します

回答2件

setInterval('showClock2()',1000);

setIntervalのサンプル（例 1: 基本的な構文より引用）

var intervalID = window.setInterval(myCallback, 500);

function myCallback() {
  // Your code here
}

// 桁数が1桁だったら先頭に0を加えて2桁に調整する

0パディングのサンプル

'3'.padStart('2','0')

投稿2020/10/25 19:04

hentaiman

総合スコア6426

ベストアンサー

これでできませんか？

html
1<p id="playtime"></p>
2<script>
3          var from = new Date();
4          
5          function time(){
6            let nowTime = new Date();
7            
8            let nowHour = nowTime.getHours();
9            let nowMin  = nowTime.getMinutes();
10            let nowSec  = nowTime.getSeconds();
11
12            if(nowHour<10){
13                if(nowHour==0){
14                    NOWHour = "00"
15                }else{
16                    NOWHour = "0" + nowHour
17                }
18            }else{
19                NOWHour = nowHour;
20            }
21            
22            if(nowMin<10){
23                if(nowMin==0){
24                    NOWMin = "00"
25                }else{
26                    NOWMin = "0" + nowMin
27                }
28            }else{
29                NOWMin = nowMin;
30            }
31
32            if(nowSec<10){
33                if(nowSec==0){
34                    NOWSec = "00"
35                }else{
36                    NOWSec = "0" + nowSec
37                }
38            }else{
39                NOWSec = nowSec;
40            }
41            msg =  "Now" + NOWHour + ":" + NOWMin + ":" + NOWSec;
42      
43            document.getElementById("playtime").innerHTML = msg;
44          }
45          setInterval(time, 500);
46          </script>