title: How do I dynamically change the content in an iframe using jquery?
body: <p>I was wondering if it is possible to have a site with an iframe and some jquery code that changes the iframe content every 30 seconds. The content is in different webpages.</p>
  
  <p>Something like this:</p>
  
  <pre><code>&lt;html&gt;
    &lt;head&gt;
      &lt;script type="text/javascript" src="jquery.js"&gt;&lt;/script&gt;
      &lt;script&gt;
        $(document).ready(function(){
          var array = new array();
          array[0] = 'http://webPage1.com';
          array[1] = 'http://webPage2.com';
          // And so on.
          // Do something here to change the iframe every 30 second
        });
      &lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;iframe id="frame"&gt;&lt;/iframe&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>