用setTimeout来处理XMLHttpRequest对象的请求过期

在XMLHttpRequest对象中，我们所熟知的一个readyState状态值就是4，它表示响应完成，然而并没有哪个值告诉我们响应过期，一旦响应过期，浏览器看上去就像挂起，大家应该都遇到过，就像是死机了。这种状况我们可以用setTimeout()方法来解决，一旦请求失效，就向用户提醒过期信息。下面是具体的实现方法：

---

一. setTimeout函数的功能
（1）使用方法

var timer = setTimeout(handlemethod, delaytime);
clearTimeout(timer);

如上，该函数有两个参数，第一个是指定暂停时间过后要执行的函数，第二个是暂停的时间，单位为毫秒（ms），还有一个返回值，可以使用clearTimeout(timer),参数为上面的返回值来清除延时。两个函数结合使用。

（2）小例子，可以看出setTimeout()函数如何执行：

var timer = setTimeout(function(){
    for (var i = 0; i < 10; i++){
        console.log(i);
    }
},5000);

setTimeout(function(){
    if (timer){
        clearTimeout(timer);
        alert("上面的定时不会执行了！");
    }
},2000);

运行上面的函数就会发现，在两秒过后，并没有打印出i的值，因为两秒时，它还没有执行，就被清除了。

二. setTimeout处理请求过期
方法如下：

function handle(time){
    var request = new XMLHttpRequest();
    if (time > 0){
        var timer = setTimeout(function(){
            alert("请求过期！");
        }, time);
    }
    request.open(get, url);
    request.onreadystatechange = function(){
        if (timer)
            clearTimeout(timer); //请求没有过期，删除过期执行函数
        if (request.readystate == 4)
        {
            //执行请求成功后的方法。。。
        }
    };

    request.send();

}

---

如果理解了setTimeout()函数如何执行，剩下的都很好理解的，哪里不对欢迎指正。