按下按钮启动代码并按下它停止

Question

我想做到这一点，所以当我按下一个按钮时，它运行就是这个

window.setInterval(function(){
               if (recources > 0.5) {
               nuggets = nuggets +  nuggetsPS
               document.getElementById('nuggets').innerHTML = prettify(nuggets);
               }

               }, 1000);

当我再次按下按钮时，它停止了代码。
所以基本上我想在用户按下按钮时制作代码运行并在他们再次按下按钮时停止
我是 Js 的新手，需要帮助。

Answer 1

正如其他人在评论中所说，您可以使用 setInterval 开始间隔，使用 clearInterval 停止间隔。您将 setInterval 调用的 return 值传递给 clearInterval 调用，如下所示：

var intervalTracker;
var start = function() {
    intervalTracker = window.setInterval(function(){
       if (recources > 0.5) {
           nuggets = nuggets +  nuggetsPS
           document.getElementById('nuggets').innerHTML = prettify(nuggets);
       }
   }, 1000);
}
var stop = function() {
    window.clearInterval(intervalTracker);
}

Answer 2

setInterval returns 一个 id 然后可以传递给 clearInterval 这将停止执行。所以你可以有一个函数来开始执行，另一个函数来停止它。像这样：

var intervalId;
function startExecution() {
  intervalId = setInterval(function(){
    //do stuff
  },1000);
}

function stopExecution() {
  clearInterval(intervalId);
  intervalId = 0;
}

然后您可以将事件侦听器绑定到您的按钮以进行切换：

$('.button').click(function() {
  if (!!intervalId) {
    // If there is a truthy (non-zero) intervalId, start execution
    startExecution();
  } else {
    stopExecution();
  }
})

按下按钮启动代码并按下它停止

Press button to start code and press it to stop

html

javascript

loops