Question

嘿，这是我的代码（带有计时器的循环），我需要能够通过按钮更改var，但是atm无法正常工作

<!doctype html>
<html>
<body>
<script>

var timer = 1000;
var counter = 0;

 var Timer = setInterval(function() {updateGem()},timer);
    function updateGem(){
        counter += 1
        document.getElementById("show").innerHTML = counter;

    }

function test(){
timer -= 1000;
}
</script>
<button onclick= "test();">button</button>
<h3 id=show></h3>
</body>
</html>

Answer 1

您的test（）函数执行一个操作，但未将结果分配给任何变量

function test(){
 timer -= 1000;
}

但是计时器是间隔。我认为您想更改计数器，因此您的测试功能将变为

function test(){
     counter = counter - 1000;
    }

Answer 2

更新变量时间隔时间不会改变。您需要清除间隔，然后重新初始化。

var timer = 1000;
var counter = 0;

var Timer = setInterval(function() {updateGem()},timer);
function updateGem(){
    counter += 1
    document.getElementById("show").innerHTML = counter;
}


function test(){
    timer -= 1000;
    clearInterval(Timer);
    Timer = setInterval(function() {updateGem()},timer);
}

我有一个对变量有效的html循环，但它不起作用

2 个答案: