javascript SetInterval() só executa uma vez!

[juliosertori 0]

Boa tarde galera, estou fazendo um sistema de inserção de produtos utilizando código de barras, e estou utilizando "append" para dizer que o produto não foi encontrado, e estou utilizando a função de Setinterval para sumir com essa DIV que diz que o produto não foi encontrado.

 

 

O problema é que a DIV "some" apenas na primeira vez, depois que insiro um novo código errado, a div não some com o setinterval, existe alguma forma de ela sempre ser executada?

 

O interval está assim:

 

setInterval(function () {
    $('#prod_nao_encontrado').fadeOut(1000);
}, 3000); 

 

Obrigado!

[juliosertori 0]

Bom, encontrei uma solução da seguinte maneira, se alguém tiver alguma ideia melhor ficarei grato também.

 

Utilizei Random para criar um ID para cada vez que o produto não for encontrado e inseri na DIV no Append, e depois no Fadeout.

 

Assim:

 

var Rand = Math.floor((Math.random() * 10000000) + 1);
		    	 $('#alerta_cod_barras').append('<div class="col-md-12" id="prod_nao_encontrado'+Rand+'"><span class="label label-danger">Produto não encontrado!</span></div>');
		    	 $('#prod_nao_encontrado'+Rand+'').delay(3000).fadeOut();

 

[Klawztro 3]

Cara, não entendi muito bem essa parte dos elementos que você cria, se puder postar mais código eu agradeço. Mas para elementos criados dinamicamente, utilize o método on que é específico para este tipo de elementos. Os eventos comuns só são acoplados para os elementos que já estão no corpo da página. 

Você pode ver um exemplo funcionando nesse fiddle: http://jsfiddle.net/xpvt214o/406236/

[juliosertori 0]

Então amigo, na verdade deixei de utilizar o setInterval, achei desnecessário nesse caso, então utilizei apenas :

 

$('#prod_nao_encontrado'+Rand+'').delay(3000).fadeOut();

Logo depois de dar "append", ele roda esse acima para "ocultar" a div, mas agora pensando, poderia ter usado apenas Hide, Show, não ficar criando novas Divs com "append" vou testar isso também;

[Wesley Santos 28]

O setInterval é executado infinitamente dentro do tempo que você passar, segue uma explicação da diferença do setInterval e o setTimeout eu ACHO que para seu caso o setTimeout é melhor.

http://rogeriolino.com/2006/12/19/javascript-settimeout-e-setinterval/

 

E, porque ao invés de sempre criar uma nova div quando o produto não existir, tu não cria uma unica div e deixa ela sempre lá, quando o produto não existir você deixa visível e depois esconde a div com o setTimeout, tu pode criar duas classes no CSS que manipula o display, uma classe mostra e a outra esconde.

 

Ou como ta utilizando o jQuery, pode utilizar as funções .show() e .hide().

Fiz um pequeno exemplo com jQuery: https://jsfiddle.net/wessleysanttos/p7aysfet/8/  

 

OOOU, usa algo como o sweetalert para disparar um aviso na tela que o produto não existe.

https://sweetalert2.github.io/

[juliosertori 0]

Sim sim realmente depois que pensei em usar Hide, Show apenas. Não posso usar Alert pois como a pessoa pode usar Leitor de código de barras, ela pode não estar na frete do PC para clicar em OK no alerta e continuar inserindo.

 

Vou testar depois apenas com Hide e Show, que deve funcionar perfeitamente.

 

Obrigado!