javascript - ajaxを介して特定の時間後にそのコンテンツを読み込んで置き換える方法は?

Question

私は ajax に問題があります:

シナリオ: onclick "triggre"、"noti.html" の最初の div から ajax 経由で "#topNoti" にコンテンツをロードし、その後、特定の時間後にこのロードされたコンテンツを "noti.html" の 2 番目の div で変更/置換します。最後の div コンテンツが読み込まれないまで。

noti.html:
  `  ....
     <div id="inq">
     <div id="div1">This is first div</div>
     <div id="div2">This is second div</div>
     <div id="div3">This is third div</div>
     <div id="div4">This is fourth div</div>
    ...
     <div id="div24">This is last div</div>

     </div>
    ...

'

#topNoti:
    <div id="topNoti"></div>

感謝と敬意

現在私は使用しました：

$(".trigger").click(function(){
var index=1;
$m=$("#inq").find("div"+index);
setInterval(function(){
$("#topNoti").load("noti.html",$m);
index=index+1;
If(index==25){ index=1; }
},10000);
});

しかし、このコードはすべての div をロードします。「div」を1つずつロードするソリューションを誰かに教えてもらえますか

これでスクリプト n を変更するだけで、やりたいことができます。コードは次のとおりです。

 Var index=0;
 SetInterval(function(){
 $("#topNoti").load("noti.html #div"+index);
 index=index+1;
 If(index==25){index=0;}
 },2000);

それで、誰でもこのコードを改善できますか...

よろしくお願いします