用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()函数如何执行，剩下的都很好理解的，哪里不对欢迎指正。