如果选中复选框默认值，则设置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。

Answer 2

调用autoRefresh一次

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

小提琴：

Live Action