Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/461.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 按下按钮启动代码,按下按钮停止_Javascript_Html_Loops - Fatal编程技术网

Javascript 按下按钮启动代码,按下按钮停止

Javascript 按下按钮启动代码,按下按钮停止,javascript,html,loops,Javascript,Html,Loops,我想让它在我按下按钮时运行 window.setInterval(function(){ if (recources > 0.5) { nuggets = nuggets + nuggetsPS document.getElementById('nuggets').innerHTML = prettify(nuggets); } }, 1

我想让它在我按下按钮时运行

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

               }, 1000);
当我再次按下按钮时,代码停止。 因此,基本上我想让代码在用户按下按钮时运行,在再次按下按钮时停止
我是Js的新手,需要帮助。

正如其他人在评论中所说的,您可以使用setInterval启动一个interval,使用clearInterval停止一个interval。将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);
}
setInterval返回一个id,然后可以将该id传递给clearInterval,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();
  }
})

不清楚你在问什么。。。我想你需要clearInterval???解释我不太明白我还编辑了问题使用clearInterval停止间隔计时器功能…好的,谢谢。我抬头看了看。这并不完全是我想要的,但它会起作用的