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

设置计数器的间隔问题

1 个答案: