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