使用按钮停止 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 returns 可以传递给 clearInterval 的 ID 以阻止它。

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

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 中的示例。

使用按钮停止 setInterval 函数

Stop setInterval function with a button

javascript

function

button

setinterval

clearinterval