Seguinte, meu problema é assim, estou fazendo um inbox, com isso preciso mandar atualizar a cada 5s as mensagens. Até ai tudo certo. Na div que carrega as mensagens eu coloquei o seguinte script:
function loadInbox1(id) {
$("#load-inbox-1").html("<i class='fa fa-spin fa-cog'></i>");
var timeout;
clearInterval(timeout);
setTimeout(function(){
$('#load-inbox-1').load("/inbox-prof-load.php?from="+id);
var timeout = setInterval(reloadChat, 5000);
function reloadChat () {
$('#inbox-prof-load-msg').load('inbox-prof-load-msg.php?from='+id);
}
}, 500)
}
Ali onde eu estou imprimindo o user_id é o usuario que estou conversando. entao ele carrega o chat a cada 5s na minha div. ate ai ta tranquilo. porem se eu clico em outra janela que carrega nesse mesmo div outro chat, o script antigo nao para de rodar e um novo tambem começa, fazendo com que fique aparecendo as duas conversas rapidamente e fica trocando, se eu for clicando em mais ele nao para o script e continua rodando varios.
Como posso fazer pra quando clicar em outro chat parar de rodar com esse user_id antigo e rodar apenas um script com o novo?