使用按钮停止setInterval功能

Question

用户必须在他们的面板中查看所有赌注，所以我每2秒创建一个函数，加载所有玩家的赌注1和玩家的赌注2。我想将该功能绑定到一个按钮上，这样当投注结束并等待结果时，它将停止连续运行，并在投注打开时再次启动该功能。

这是我的代码：

$(document).ready(function(){
$("#load_bets1").load("loadbet1.php");
setInterval(function() {
$("#load_bets1").load("loadbet1.php");
}, 2000);
});
$(document).ready(function(){
$("#load_bets2").load("loadbet2.php");
setInterval(function() {
$("#load_bets2").load("loadbet2.php");
}, 2000);
}); 

Answer 1

setInterval返回一个ID，该ID可以传递给clearInterval以停止它。

一段时间后停止间隔的示例：

let i = 0;
const intervalID = setInterval(() => console.log(i++), 100);
setTimeout(() => clearInterval(intervalID), 1000);

另请参阅上的示例https://developer.mozilla.org/en-US/docs/Web/API/setInterval#examples.