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

Question

I am trying to reload a page with a button in it. When the user click on the button an alert window should popup and the page reload should stop until ok is clicked on the alert window.

I am writing my code as follows:

<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>

Neither the if or else conditions are working.

Answer 1

Use setInterval and then clearInterval whenever you want to pause or stop, and then reassign setInterval to resume.

Something on the lines of this:

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

Demo : http://jsfiddle.net/abhitalks/79v0xfjd/1/

.