javascript - 在执行时重置 Javascript 中的变量？

Question

我正在使用此功能在 15 秒后自动单击按钮。问题是用户在选项运行后不会离开页面，并且可能会在同一页面上再次重新运行，但计时器仍在继续。事实上，即使我自己执行该操作，计时器也会继续。

<script type="text/javascript">
time = 15;
interval = setInterval(function() {
  time--;
    document.getElementById('Label1').innerHTML = "You must choose in " + time + " seconds"
    if (time == 0) {
        // stop timer
        clearInterval(interval);
        // click
        document.getElementById('thebutton').click();       
    }
}, 1000)

</script>

所以这个脚本应该运行计时器并在十五秒内“按下”“按钮”，然后计时器应该停止计数并重置，直到再次运行。如果在 15 秒之前手动按下按钮，它仍应重置。

<input type='submit' id='thebutton' value='Done'></input>

希望这一点是清楚的。我还是个新手，还在学习中。

Answer 1

设置基准时间，然后将其重置为该基准时间。

<script type="text/javascript">
time = 15;
baseTime = 15;
interval = setInterval(function() {
  time--;
    document.getElementById('Label1').innerHTML = "You must choose in " + time + " seconds"
    if (time == 0) {
        // stop timer
        clearInterval(interval);
        // click
        document.getElementById('thebutton').click(); 
        time = baseTime;
        return false;


    }
}, 1000)

</script>