使用 JS 自动重新加载页面，带有启用/禁用脚本的复选框答案

【问题标题】：Auto reload a page using JS, with a checkbox to enable/disable the script使用 JS 自动重新加载页面，带有启用/禁用脚本的复选框
【发布时间】：2012-02-05 22:17:40
【问题描述】：

HTML

<body onload="JavaScript:timedRefresh(10000);">
    <input type="checkbox" checked="checked" name="autoRefreshCheckboxes" >Auto Refresh</input>
</body>

  function timedRefresh(timeoutPeriod) {
        if ($("input[name=autoRefreshCheckboxes]").is(":checked")) {
            setTimeout("location.reload(true);", timeoutPeriod);
        }
    }

如何使复选框起作用？

似乎当<body> 加载时，它采用复选框的状态，并在脚本运行时忽略复选框的状态。
提前致谢！

【问题讨论】：

标签： javascript jquery refresh reload

【解决方案1】：

尝试改用setInterval。

function timedRefresh(timeoutPeriod) {
    var interval = setInterval(refreshPage, timeoutPeriod);
}

function refreshPage() {
    if ($("input[name=autoRefreshCheckboxes]").is(":checked")) {
        location.reload(true);
    }
}

【讨论】：