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

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/

.