title: How to refresh the Iframe url with Loading Image display
body: <p>I want animate the I-Frame Loading its Source Page.  I partially achieved my goal by using    JavaScript   code goes like this</p>
  <pre><code>function reloadIt()
  {
      frm=document.getElementsByName(&quot;pagers&quot;)[0];      //we get the iframe object
      frm.src=frm.src;        //or you can set the src to a new src
      setTimeout(&quot;reloadIt()&quot;,100000);         //the function will run every 60000 miliseconds, or 60 seconds
  }
  </code></pre>
  <p>and my  HTMl Body code goes here</p>
  <pre><code>&lt;body onload=&quot;reloadIt()&quot;&gt;
  </code></pre>
  <p>and my IFRAME  Code Goes like this</p>
  <pre><code>&lt;div id=&quot;divLoading&quot;&gt;
      &lt;div style=&quot;width:100%; height:200px; align=&quot;center&quot;&gt; 
          &lt;img src=&quot;loader.gif&quot; alt=&quot;&quot; align=&quot;absmiddle&quot;/&gt; 
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div id=&quot;divFrameHolder&quot; style=&quot;display:none&quot;&gt;
      &lt;iframe  src=&quot;lead.php&quot; height=&quot;450px;&quot; width=&quot;100%&quot;  name=&quot;pagers&quot;  onload=&quot;hideLoading()&quot; &gt; &lt;/iframe&gt;`
  &lt;/div&gt;
  </code></pre>
  <p>and this works fine when this html page loads at first Time ,we can see loading Image in Iframe till Its source page loads. but after time interval when IFrame refreshes  there is no loading image and its simply reloads its source page   ...  Can any body help me?</p>