每隔一分钟刷新一次页面的按钮等？

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);
}