Merhaba arkadaşlar, konu aslında Javascript, Jquery, Ajax kategorilerini kapsıyor o yüzden genel bölüme açtım.

Örnek olsun diye aşağıdaki şekilde bir fonksiyon yazdım. Amaç ne demek istediğimi anlayın.


function ActiveFlowDatasFunction(){
$.ajax({
url: "LiveData.php",
type: "POST",
data: {POST:POST},
beforeSend: function(){
$("#LiveDiv").html("");
},
complete:function(data){

}
});
var timeout = setTimeout(function(){

ActiveFlowDatasFunction();

}, 5000, function(){
clearTimeout(timeout);
});
console.log(timeout);
}



Sorunum şu şekilde arkadaşlar; buna benzer bir yapıyla hazırladığım php dosyasını dinamik butonlar yardımıyla bir popup içerisindeki div e ekliyorum. Normalde sıkıntısız çalışırken verileri anlık güncellemek için zamanlayıcı (önce interval sonra settimeout) ekledim. Açılan popuplar dinamik olduğu için ilk açtığım popuptan sonra başka bir popup açtığımda bir önceki açtığım popup içerisindeki verilerde geliyor. Bende saatlerce uğraştan sonra console.log yardımıyla settimeout kalıntısına baktım. Ben popupu kapatıyorum içerisini bile temizliyorum .html("") ile ama hala settimeout devam ediyor. clearTimeout ile temizliyorum ama hala devam ediyor. Div içerisini temizlediğim halde div içerisine yüklediğim javascript kodları varmış gibi tüm kodları görüyorum.


Kısaca yapmak istediğim şey bu kalıntıları nasıl silebilirim?


Desteğiniz için şimdiden teşekkürler.