JavaScriptタイマーの何が問題なのですか？

Question

これは私のコードです：私はそれを実行すると

var hour = 00 
 
var minute = 00 
 
var second = 00 
 
var milisecond = 00 
 

 
function hour1() { 
 
    var hour = hour + 1; 
 
    document.getElementById("hour").innerHTML = hour1; 
 
} 
 
window.setInterval(hour1, 1000);

<div id="container"> 
 
    <div id="hour"> 
 
    <h1>00:</h1> 
 
    </div> 
 
    <div id="minute"> 
 
    <h1>00:</h1> 
 
    </div> 
 
    <div id="second"> 
 
    <h1>00</h1> 
 
    </div> 
 
    <div id="milisecond"> 
 
    <h3>00</h3> 
 
    </div> 
 
</div>

、それは言う：

function hour1() { var hour = hour + 1; document.getElementById("hour").innerHTML = hour1; }

は、私はそれをどのように修正すればよいですか？

私は毎分1分ずつ変数を上げようとしていますが、動作していません。 JavaScriptで実際に何かを作ろうとしているのはこれが初めてのことです。本当にシンプルなものを見逃してしまった場合はごめんなさい。

Answer 1

時計が必要な場合は、このような使い方ができます。

function setTime() { 
 
    var time = new Date(); 
 
    var hours = time.getHours(); 
 
    if (hours < 10) { 
 
    hours = "0" + hours; 
 
    } 
 
    var minutes = time.getMinutes(); 
 
    if (minutes < 10) { 
 
    minutes = "0" + minutes; 
 
    } 
 
    var seconds = time.getSeconds(); 
 
    if (seconds < 10) { 
 
    seconds = "0" + seconds; 
 
    } 
 
    document.getElementById("timer").innerHTML = hours + " : " + minutes + " : " + seconds; 
 
} 
 
timer = setInterval(setTime, 1000);

<div id="timer"></div>