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停止间隔计时器功能…好的,谢谢。我抬头看了看。这并不完全是我想要的,但它会起作用的