javascript - All timers created in loop (with setTimeout) fire at same time?

Question

Can someone explain why i cant get the desired delay between each request?
They are all happening at once.

$(window).load(function(){
    $('a[href]').each(function(){
        var linkk = $(this)
        var linkkhref = linkk.attr('href');

        window.setTimeout(function(){ conectar('HEAD', linkkhref, resp) }, 2000)

        function conectar(metodo, endereco, resposta, corpo) {
            callback = function(xhr) { resposta(xhr) };
            GM_xmlhttpRequest({
                "method"  : metodo,
                "url"     : endereco,
                "onerror" : callback,
                "onload"  : callback,
                "headers" : {'Content-Type':'application/x-www-form-urlencoded'},
                "data"    : corpo
            });
        };

        function resp(responseDetails) {
            // my response code here
        };
    });
});

I know im using a Greasemonkey specific function, but the question is about javascript.
No GM knowledge required. :)

Answer 1

The loop is run just instantly and delay every execution of conectar function for 2000ms from the time code is exectued.

For simple case I'd use:

$('a[href]').each(function(idx){
    ...
    window.setTimeout(function(){ conectar('HEAD', linkkhref, resp) }, idx*2000)