Question

我想这样做，当我按下按钮时，它会运行

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

               }, 1000);

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

Answer 1

正如其他人在评论中所说，您可以使用setInterval开始间隔，clearInterval停止间隔。您将setInterval来电的返回值传递给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返回一个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();
  }
})

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

2 个答案: