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

时间:2014-11-07 08:42:12

标签: javascript button onclick reload

我正在尝试重新加载包含按钮的页面。当用户单击该按钮时,应弹出一个警告窗口,并且应该停止页面重新加载,直到在警报窗口中单击确定为止。

我正在编写如下代码:

<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条件都不起作用。

1 个答案:

答案 0 :(得分: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/