title: How to refresh iframe after regular interval in html
body: <p>I want to auto refresh iframe loading php page but its refreshing whole page instead of refreshing iframe only.</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
  &lt;title&gt;Fouad Ali&lt;/title&gt;
  &lt;script&gt;
  var links = "/proj/index.php";
  var i = 0;
  var renew = setInterval(function(){
      document.getElementById("foo").src = links;        
    // alert("refreshed");
  },5000);
  &lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;iframe id="foo" src="/proj/index.php"&gt;&lt;/iframe&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>