setInterval 不更新变量

setInterval 不更新变量

当我运行代码时，它仅在我创建的初始变量“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 代码，而是它的简化版本。

梵蒂冈之花

浏览 107回答 2

2回答

青春有我

您应该将 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 处理程序并重新创建它。

0

0

慕的地10843

间隔已经设置为 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);}

0

0

随时随地看视频慕课网APP

相关分类

Html5