Ajax定時局部刷新

1、局部刷新一個地方

function refreshOnTime(){
    $.ajax({
    //配置
    });
    //7秒后重復執行該函數
    setInterval('refreshOnTime', 7000);
}
 
//開始執行自己
refreshOnTime();
 
//這樣寫的話，就會無限的重復執行自己，每次執行完后延遲自定義秒再次執行自己，且互不干擾

 

2、例如：剛開始是加載所有的數據（三個區域是不同的方法讀取數據，刷新的時間分別是5,6,7s）

第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();