javascript - 在计数器上设置间隔发行

Question

我需要在 div 元素中设置一个简单的计数器，我已经完成了下面代码的简化版本，但计数器没有触发，而且我无法弄清楚为什么它不起作用

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

计数器确实会触发，但每次调用它时您都会重置其值。您可以将 counter 变量从 theCounter 函数中拉出，使其正常工作。

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

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

}

setInterval(theCounter, 1000);

这是更新后的笔:https://codepen.io/Nisargshah02/pen/mMXNjp