在计数器上设置间隔问题答案

【问题标题】：Set Interval Issue on Counter在计数器上设置间隔问题
【发布时间】：2017-08-19 16:42:54
【问题描述】：

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

Codepen 在这里：https://codepen.io/emilychews/pen/rzJXpB

代码如下。

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>

【问题讨论】：

把var counter = 0放到函数外面：codepen.io/anon/pen/BdYXVP。否则，您只是在每次调用函数时重置计数器。

标签： javascript counter setinterval

【解决方案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

【讨论】：