title: jquery - load multiple external html in a loop on a div
body: <p>i was searching for the solution, but i cannot find any proper suggestions. </p>
  
  <p>My goal is to loop different external urls on the same page (inside the div), rather than looping the pages with header option. Here is my current code for showing one external page in the div:</p>
  
  <pre><code>&lt;script&gt;
     $(document).ready(function(){
      function loadlink(){
          $('#tableHolder').load('read_data_from_page_one?v=1',function () {
               $(this).unwrap();
          });
      }
  
      loadlink(); // This will run on page load
      setInterval(function(){
          loadlink() // this will run after every 5 seconds
      }, 30000);
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>So after 30 seconds my div "tableholder" is refreshed, which is ok. Now i would like to add another external page after 5 minutes in the same div, and then after 5 minutes again another external page. They need to be refreshed every 30 seconds as my first external page. After that it needs to load again the first external page.</p>
  
  <p>so basicly loop inside external content in a div. Is that possible? </p>
  
  <p>The other solution is to loop the pages via header options:</p>
  
  <pre><code>&lt;?php header("Refresh: 300; URL=read_data_from_page_two.php"); ?&gt;
  </code></pre>
  
  <p>But i don't want that. Any suggestions? </p>
  
  <p>Best regards, Misko</p>