javascript - 每秒/分钟刷新页面的按钮等？

Question

我想要一个按钮，单击该按钮会在指定时间后刷新当前页面。

我目前有:

<script type="text/javascript">
  setTimeout(function reload(){
    location = ''
  },1000)
</script>

<button onclick="reload()">Reload</button>

但是，这只是重新加载页面，甚至不必单击按钮。我想要一个按钮来执行脚本，还有一个按钮来停止页面重新加载。

这应该很简单，但我想不通:(

******编辑************

我还希望脚本在单击按钮后无限循环运行。

Answer 1

您的 setTimeout 在页面加载时被调用。你需要把它放在 reload() 函数中:

function reload() {
    setTimeout(function() {
        window.location.reload();
    }, 1000);
}

要使计时器每 x 秒运行一次并仅重新加载页面的一部分，您需要使用 setInterval 和 AJAX 请求，如下所示:

var timer;
function reload() {
    timer = setInterval(function() {
        $.post('foo.html', function(data) {
            $('#bar').html(data);
        });
    }, 1000);
}

function clear() {
    clearInterval(timer);
}