title: Multiple setTimeout's
body: <p>There seems to be a conflict between my two timers, I want to know how to make them totally independent but executing on the same page.. Here is the code:</p>
  
  <p>WHEN THE PAGE LOADS</p>
  
  <pre><code>&lt;script language="javascript" type="text/javascript"&gt;
  window.onload = function()
  {
       setTimeout("AlterTwitterTimer();", 60000);
       setTimeout("MainStatusTimer();", 60000);
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>OTHER RELATED SCRIPTS</p>
  
  <pre><code>function AlterTwitterTimer()
  {
       document.getElementById('TwitterTimer').innerHTML = '0';
  }
  
  function MainStatusTimer()
  {
       document.getElementById('MainStatusTimer').innerHTML = '0';
  }
  
  function DelayedRefresh(DashCity)
  {
       if(document.getElementById('TwitterTimer').innerHTML == '0')
       {
            document.getElementById('fmeProcess').src = '/ajax/twitter_feed_ajax.asp?id='NY';
            document.getElementById('TwitterTimer').innerHTML = '1';
            setTimeout("AlterTwitterTimer();", 60000);
       }
  }
  
  function DelayedStatusRefresh()
  {
       if(document.getElementById('MainStatusTimer').innerHTML == '0')
       {
            document.getElementById('fmeProcess').src = '/ajax/dash_board_status.asp';
            document.getElementById('MainStatusTimer').innerHTML = '1';
            setTimeout("MainStatusTimer();", 60000);
       }
  }
  </code></pre>
  
  <p>Any help you can provide would be great appreciated.</p>
  
  <p>Many thanks,
  Paul</p>