使用jquery加載一個html文件，延遲，然後另一個，循環

Question

我想顯示一個html文件。然後淡入另一個。這是我的代碼，它除了第一次，它等待10秒切換。然後在交換機之後，它在交換機之間等待5秒鐘。我有點困惑，如何jQuery的處理超時和等待。我想每個開關等待5秒鐘，從第一個開始。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
<script> 
$(document).ready(function() { 
     $("#responsecontainer3").load("ad1.html"); 
    var refreshId = setInterval(function() { 
    $("#responsecontainer3").fadeTo("slow").load('ad1.html?randval='+ Math.random()); 

setTimeout(function() 
    { 
    $("#responsecontainer3").fadeTo("slow").load('ad2.html?randval='+ Math.random()); 
    }, 5000); 

}, 10000); 


}); 
</script> 
<div id="responsecontainer3"> 
</div> 

Answer 1

<script> 
$(document).ready(function() { 
     $("#responsecontainer3").load("ad2.html"); 

    var index = 1; 
    var refreshId = setInterval(function() { 
     $("#responsecontainer3").load('ad'+index+'.html'); 
     index = (index == 2)? 1 : index+1; 
    }, 5000); 
    $.ajaxSetup({ cache: false }); 
}); 
</script> 

Answer 2

function loadFile(url) { 
    $("#responsecontainer3").load(url, function() { 
     var index = parseInt(url.replace('ad','').replace('.html','')); 
     $("#responsecontainer3").fadeTo('slow', function() { 
     setTimeout(function() { 
      index++; 
      loadFile('ad'+index+'.html'); 
     }, 5000) 
     }); 
    }); 
} 

loadFile('ad1.html');