ajax 定时局部刷新

现在有个页面,有三个地方要定时刷新,但是刷新的时间不一样,例如一个地方5秒刷新一次,另外一个地方7秒刷新一次,第三个地方10秒刷新一次。请高手解答,并附上代码,在线等。
定时同步刷新就不要发了。谢谢。

不知道你的什么框架或者是原生js哈


function refreshOnTime(){
    $.ajax({
    //配置
    });
    //7秒后重复执行该函数
    setInterval('refreshOnTime', 7000);
}

//开始执行自己
refreshOnTime();

//这样写的话,就会无限的重复执行自己,每次执行完后延迟自定义秒再次执行自己,且互不干扰追问

谢谢你的回答。
例如:刚开始是加载所有的数据。(三个区域分别是不同的方法读取数据,刷新的时间分别是5,6,7)
第5秒应该是刷新一地个区域
第6秒应该是刷新二地个区域
第7秒应该是刷新三地个区域
在每个区域刷新的时候是不能相互影响的。
按照你的方法应该每次都会把所有的区域刷新一次吧,只是间隔的时间不同。

追答//加载区域1
function refreshArea1(){
    $.ajax({
    //配置
    });
}
//加载区域2
function refreshArea2(){
    $.ajax({
    //配置
    });
}
//加载区域3
function refreshArea3(){
    $.ajax({
    //配置
    });
}
//定时刷新
function refreshOnTime(){
    //首先刷新区域1
    refreshArea1();
    //在区域1刷新之后的1秒后加载区域2
    setInterval('refreshArea2', 1000);
    //在区域2刷新之后的1秒后加载区域3
    setInterval('refreshArea3', 1000);
    //在自定义秒后重复该函数
    setInterval('refreshOnTime', 5000);
}
//首先加载所有区域
refreshArea1();
refreshArea2();
refreshArea3();
//设置的延迟时间是5,则执行顺序为,开始的第5秒,执行1,延迟1秒,即第6秒执行2,再延迟1秒,即第7秒执行3。
//每间隔5秒重复一次,重复时,2始终比1慢1秒,3始终比2慢1秒
refreshOnTime();

不知道这样做符不符合你的要求哦?

追问

谢谢你的回答。
明天试一试。
好人一生平安

温馨提示:答案为网友推荐,仅供参考
相似回答