JavaScript/jQuery clearInterval impostato in .each

Question

Quindi ho un intervallo che creo per ciascuno dei miei post, il problema è che carico nuovi post e rimuovo quelli vecchi, quindi ovviamente vorrei interrompere l'intervallo per i post precedenti. Tuttavia non riesco a capire come farlo. Qualcuno potrebbe spiegarmi come fare correttamente a fare questo? Sono completamente perso.

$(".post").each(function(){ 
    myInterval = setInterval("postStats('"+$(this).attr('id')+"')", 500); 
}); 

function postStats(pid) { 
    //do some stuff 
} 

$(".button").click(function(){ 
    clearInterval(myInterval); 
}); 

Answer 1

È possibile memorizzare l'ID intervallo in un attributo di dati:

$(".post").each(function() { 
    var that = this; 
    var myInterval = setInterval(function() { 
     postStats(that.id); 
    }, 500); 
    $(this).data("i", myInterval); 
}); 

e deselezionare l'intervallo specifico per ogni .post in questo modo:

$(".button").click(function() { 

    // assuming the button is inside a post 
    clearInterval($(this).closest(".post").data("i")); 
}); 

e come SiGanteng detto, si dovrebbe passare un oggetto funzione a setInterval anziché una stringa, che ottiene solo eval 'd.

Answer 2

è necessario mantenere una maniglia per ogni intervallo che si avvia:

var myIntervals = []; 

$(".post").each(function(){ 
    var id = $(this).attr('id'); 
    var handle = window.setInterval(function(){ 
    postStats(id); 
    }, 500); 
    myIntervals.push(handle); 
}); 

function postStats(pid) { 
//do some stuff 
} 

$(".button").click(function(){ 
    $.each(myIntervals, function(i, val){ 
    window.clearInterval(val); 
    }); 
    myIntervals = []; 
});