カウンタの間隔を設定する

Question

div要素に単純なカウンタを設定する必要がありますが、以下のコードの単純化されたバージョンを実行しましたが、カウンタは起動せず、なぜisn

Codepenを作業」Tはここにある：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

カウンタが火を行いますが、あなたは、その値が呼び出されるたびにリセットされます。あなたはcounter変数をtheCounter関数から引き出して機能させることができます。

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