title: Jquery, Add elements every 2 seconds
body: <p>I'm trying to create a growth map similar to <a href="http://projects.flowingdata.com/walmart/" rel="nofollow">http://projects.flowingdata.com/walmart/</a>.</p>
  
  <p>I am using <a href="https://github.com/marioestrada/jQuery-gMap" rel="nofollow">https://github.com/marioestrada/jQuery-gMap</a> to do the maping</p>
  
  <p>What i've got so far is a button that when I click it I want to start the animation.  The onclick code is: </p>
  
  <pre><code>&lt;script&gt;
      $("input.buttonB").click(function(){  
          window.setTimeout(function() {
              $('#map_canvas').gMap('addMarker', {
                  latitude:   41.60252,
                  longitude: -100.32855,
                  content: 'Some HTML content'
                  }
              );
          }, 2000);
          window.setTimeout(function() {
              $('#map_canvas').gMap('addMarker', {
                  latitude:   11.60252,
                  longitude: -110.32855,
                  content: 'Some HTML content'
                  }
              );
          }, 2000);        
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>Problem is, the markers don't appear on screen every 2 seconds.  The window waits 4 seconds then displays both of them at the same time.</p>
  
  <p>Any suggestions?</p>