當我運行代碼時，它僅在我創建的初始變量“2000”處間隔。當我單擊按鈕時，它不會將間隔更改為“50”。有誰知道為什么？<html> <body> <h1 id="pressme"> Press me! </h1> </body> <script> amount = 2000; var i = 1; document.getElementById("pressme").onclick = function() { amount = 50; } function doSomething() { i++; console.log("I did something! " + i); } setInterval(doSomething, amount) </script></html>這不是 OG 代碼，而是它的簡化版本。
2 回答
青春有我
TA貢獻1784條經驗 獲得超8個贊
您應該將 setInterval 與clearInterval 一起使用。
<html>
<body>
<h1 id="pressme"> Press me! </h1>
</body>
<script>
amount = 2000;
var i = 1;
var handler
document.getElementById("pressme").onclick = function() {
amount = 50;
clearInterval(handler);
handler = setInterval(doSomething, amount);
}
function doSomething() {
i++;
console.log("I did something! " + i);
}
handler = setInterval(doSomething, amount);
</script>
因此，當單擊按鈕時，您應該刪除原始的 setInterval 處理程序并重新創建它。
慕的地10843
TA貢獻1785條經驗 獲得超8個贊
間隔已經設置為 2 秒，如果之后更改變量，則不會有任何影響。
我建議你這樣做：
let amount = 2000;
let interval = setInterval(doSomething, amount);
var i = 1;
document.getElementById("pressme").onclick = function () {
clearInterval(interval);
amount = 50;
setInterval(doSomething, amount);
}
function doSomething() {
i++;
console.log("I did something! " + i);
}
- 2 回答
- 0 關注
- 144 瀏覽
添加回答
舉報
0/150
提交
取消