Question

我有一些AJAX，它使用setInterval()显示进度条以使脚本获得当前进度。我的问题是，当进度达到100％时，我似乎无法杀死它。我不确定这是否与范围有关，但我的处理程序是全局的，所以我无法弄清楚它为什么不起作用。这就是我所拥有的：

function showLog(){
    document.getElementById('log').style.display = "block";
    clearInterval(inth);
    return false;
}

function startAjax(){
    var inth = setInterval(function(){
        if (window.XMLHttpRequest){ xmlhttpp=new XMLHttpRequest();}else{ xmlhttpp=new ActiveXObject("Microsoft.XMLHTTP"); }
        xmlhttpp.onreadystatechange=function(){
            if(xmlhttpp.readyState==4 && xmlhttpp.status==200){
                document.getElementById("sbar").innerHTML=xmlhttpp.responseText;
            }
        }
        xmlhttpp.open("POST","scrape.php",true);
        xmlhttpp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
        var sitelist = document.getElementById('website').value;
        var par = "website="+sitelist;
        xmlhttpp.send(par);
    }, 5000);
    return false;
}

为什么clearInterval不起作用？我做错了什么？

Answer 1

这是一个范围问题，将函数外部的var inth声明为全局变量。并在inth = setInterval(...)函数中使用startAjax。

正如您在问题中所说，您的处理程序是全局的。但是变量本身不是，所以它不能在函数范围之外访问。

Javascript - 清除间隔和setinterval范围

1 个答案: