javascript - 清除间隔不起作用（尝试了所有其他答案）

Question

所以我有这个功能来检查对手何时连接。一切正常，除了 clearInterval 的事情......我尝试添加 window.setInterval 和 window.clearInterval 。我尝试添加自我。也...

$(document).ready(function() {

    var waitForOpponent = setInterval(checkUserStatus, 2000);

    function checkUserStatus() {
    $('#user').load('checkuser.php?randval='+ Math.random());
        $("#user").ajaxStop(function(){
       if(document.getElementById("user").innerHTML!=""){
                clearInterval(waitForOpponent);
        opponentConnected();
       }
    });
    }

});

我也试过这样：

var waitForOpponent;

function check() { waitForOpponent = setInterval(checkUserStatus, 2000); }

check();

请帮帮我..我尝试了一切......

Answer 1

摆脱ajaxStop并使用.load.

$('#user').load('checkuser.php?randval='+ Math.random(),function(){
    if(document.getElementById("user").innerHTML!=""){
        clearInterval(waitForOpponent);
        opponentConnected();
    }
});

如果请求花费的时间超过 2 秒，则永远不会调用 ajaxstop。

我认为更好的选择是不使用 setInterval：

function checkUserStatus() {
    $('#user').load('checkuser.php?randval='+ Math.random(),function(){
        if(document.getElementById("user").innerHTML!=""){
            opponentConnected();
            return; // exit
        }
        setTimeout(checkUserStatus,2000); // continue after 2 seconds
    });
}
checkUserStatus(); // start it up

这可以防止 ajax 请求在慢速连接或超时时堆积。