JavaScriptで/ jQuery clearIntervalが設定されています

Question

私の投稿ごとに作成する間隔がありますが、新しい投稿を読み込んで古いものを削除するという問題がありますので、間違いなく前の投稿。しかし、私はこれを行う方法を把握していないようです。誰かがこれを正しく行う方法を私に説明することができましたか？私は完全に失われています。

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

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

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

Answer 1

あなたは、データ属性でインターバルID保存することができます：

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

をし、固有の間隔をクリアし、各.postそうのような：

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

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

とSiGantengが言ったように、あなたがすべき文字列ではなくsetIntervalに関数オブジェクトを渡します。文字列はeval 'となります。

Answer 2

あなたが開始する区間毎つのハンドルを維持する必要があります。

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 = []; 
});