單擊按鈕時停止頁面重新加載

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/

。