如何停止“setInterval”function？

Question

我刚从 javascript 开始，我正在尝试制作某种仪表板。 我希望 go 的燃料状态每隔几秒降低 1，但我希望它停止在零。 另外，我试图在燃料状态达到 20% 时设置警报，但显然它不起作用。

我有几个问题：当fuelStatus 达到0 时，我如何“停止”setInterval function？ 我认为我不完全理解功能的主题，所以我相信我的方法可能不正确。 我是否需要为我想做的每项任务编写函数，比如检查燃料？ 我应该把 testFuel 放在fuelStatus function 中吗？

多谢你们！

 var fuelStatus = 100; function Fuel() { fuelStatus--; //number = -1; console.log(fuelStatus); document.getElementById("fuelStatus").innerHTML = fuelStatus + '%'; } setInterval(function() { Fuel() }, 5000) function testFuel() { if (fuelStatus == 20) { alert("critical fuel status") } }

Answer 1

捕获setInterval()返回的 ID，然后使用clearInterval function，将捕获的间隔 ID 传递给它，以清除它。

 var fuelStatus = 100; function Fuel() { fuelStatus--; //number = -1; console.log(fuelStatus); document.getElementById("fuelStatus").innerHTML = fuelStatus + '%'; } const runFuelInterval = setInterval(function() { Fuel() }, 5000) function testFuel() { if (fuelStatus == 20) { alert("critical fuel status") clearInterval(runFuelInterval); } }