Jquery, Add elements every 2 seconds
<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>
