单击按钮时停止页面重新加载

Question

我正在尝试重新加载带有按钮的页面。当用户单击该按钮时，应弹出一个警报窗口，并且应停止页面重新加载，直到在警报窗口上单击“确定”。

我的代码如下：

<button id="myButton" onclick="myfunction()"> Test </button>

<script type="text/javascript">

 function myfunction()
  {
    if ( document.getElementById("myButton").onclick == false )
     {
        window.setTimeout(function(){ document.location.reload(true); }, 1000);
     }
    else
    {
       alert ( "Timer Not Set." );
    }
  }
</script>

if 或 else 条件都不起作用。

Answer 1

在您想暂停或停止时使用 setInterval 然后 clearInterval，然后重新分配 setInterval 以恢复。

大概是这样的：

var timer = window.setInterval(reloader, 3000);

$("#btn").on("click", function() {
    clearInterval(timer);
    alert("Just click ok");
    timer = window.setInterval(reloader, 3000);
});

function reloader() {
    document.location.reload(true);
}

演示：http://jsfiddle.net/abhitalks/79v0xfjd/1/

.