在計數器上設置間隔問題

Question

我需要在div元素中設置一個簡單的計數器，我已經完成了以下代碼的簡化版本，但是計數器並未觸發，並且我無法確定它爲什麼不是「T工作

Codepen是在這裏：https://codepen.io/emilychews/pen/rzJXpB

代碼如下。

JS

var div1 = document.getElementById("div1"); 

function theCounter() { 
    var counter = 0; 
    div1.innerHTML = counter; 
    counter++; 

} 

setInterval(theCounter, 1000); 

CSS

#div1 { 
width: 50px; 
height: 50px; 
background: blue; 
color: white; 
} 

HTML

<div id="div1"></div> 

Answer 1

計數器不火，但每次被調用時，你重新設置它的價值。您可以從theCounter函數中取出counter變量以使其正常工作。

var div1 = document.getElementById("div1"); 
var counter = 0; 

function theCounter() { 
    div1.innerHTML = counter; 
    counter+=1; 

} 

setInterval(theCounter, 1000); 

下面是更新筆：https://codepen.io/anon/pen/BdYXVP：https://codepen.io/Nisargshah02/pen/mMXNjp