使用Jquery加载一个html文件，延迟，然后另一个，循环

我想显示一个html文件。 然后淡出另一个。 这是我的代码，它工作，除了第一次，它等待10秒切换。 然后在切换之后，它在开关之间等待5秒。 我对jquery如何处理超时和等待有点困惑。 我想每个开关等待5秒，从第一个开始。

  $(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); });  
  

Answer 1

 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'); 

Answer 2