javascript - 如果复选框默认选中，setInterval 并执行某些操作，如果未选中，则 clearInterval

Question

我正在尝试编写 javascript 代码。 如果默认选中复选框，则我必须使用 setInterval 运行计时器，如果未选中，则停止计时器，如果再次选中，则再次设置计时器。希望这是清楚的。

<input type="checkbox" id="autoupdate" checked />

<script>
    window.time = 0; //global declaration
    function autorefresh() {
        var isChecked = document.getElementById("autoupdate").checked;
        if (isChecked == true) {
            time = setInterval(function () {
               alert('hello');
            }, 5000);
        } else if (isChecked == false) {
            clearInterval(time);
        }
    }
</script>

Answer 1

你可以只监听 click 事件。

document.getElementById('autoupdate').addEventListener('click', autorefresh);

然后，您还必须在 DOM 加载后调用 autorefresh 以说明初始状态。