JavaScript ClearInterval 按钮不停止

Question

我查看了此处的其他 clearInterval 帖子，以了解为什么我的代码未按预期运行。尽管我尽了最大的努力，我仍然无法 clearInterval 停止我的计数。

我正在尝试做一些简单的事情：计数，在按下停止按钮之前加一。

我尝试了不同的、不正确的变量，但找不到可行的解决方案。

    <p>Count Up:</p>
    <p id="count">1</p>
    <button onclick="clearInterval(current)">Stop</button>
    <script>
      var current = 1;
      function animateValue(id) {
        var obj = document.getElementById(id);
        var current = parseInt(obj.innerHTML);
        setInterval(function () {
          current++;
          obj.innerHTML = current;
        }, 1000);
      }
      animateValue("count");
    </script>

Answer 1

将 setInterval 返回的值存储在变量中并将其作为参数传递给 clearInterval 而不是 counter:

<p>Count Up:</p>
<p id="count">1</p>
<button onclick="clearInterval(interval)">Stop</button>
<script>
  var interval;
  var current = 1;
  function animateValue(id) {
    var obj = document.getElementById(id);
    var current = parseInt(obj.innerHTML);
    interval = setInterval(function () {
      current++;
      obj.innerHTML = current;
    }, 1000);
  }
  animateValue("count");
</script>

JavaScript ClearInterval 按钮不停止

JavaScript ClearInterval button doesn't stop

javascript

clearinterval