如何停止函數重新加載（window.reload）jquery或javascript？

Question

來源

$(function reload(){ 
    $.ajax({ 
    . 
    . 
    . 
    window.setTimeout(reload, 3000); 
    }); 
}); 

這個函數重載AJAX頁面上每3秒。

我想停止按鈕（#stop）。

$('#stop').click(function){ 
    //STOP FUNCTION 
}); 

請讓我知道如何做到這一點？

Answer 1

var c =0; 

$(function reload(){ 

    $.ajax({ 
    . 
    . 
    . 

if(c == 0)  
    window.setTimeout(reload, 3000); 

    }); 

}); 




$('#stop').click(function){ 

    c =1; 

}); 

Answer 2

要清除超時，首先需要由setTimeout函數的返回值賦值給一個變量

var timer = setTimeout(...) 

然後使用clearTimeout來清除定時器;

clearTimeout(timer); 

你可以查看https://developer.mozilla.org/en/DOM/window.clearTimeout的詳細解釋。

編輯：在您的情況，可以選擇使用的setInterval和clearInterval替代，或者用一個布爾標誌指示是否重新加載與否。

var toReload = true; 

$(function reload(){ 
    $.ajax({ 
    . 
    . 
    . 
    if (toReload) { 
     window.setTimeout(reload, 3000); 
    } 
    }); 
}); 

$('#stop').click(function){ 
    toReload = false; 
}); 

Answer 3

如果來源是你不能修改，那麼你就必須做一些哈克，像重寫reload()功能：

$('#stop').click(function){ 
    window.reload = function() {}; 
}); 

如果失敗，因爲reload()不window下，那麼實際上你可以重寫window.setTimeout()，但我們強烈不推薦。