Skip to main content
1 de 4
Leonardo
  • 331
  • 2
  • 15

Problemas com setInterval

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?

Leonardo
  • 331
  • 2
  • 15