Ir para conteúdo
juliosertori

SetInterval() só executa uma vez!

Recommended Posts

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.

 

image.png.0033e357ccb11f0228aa089bb5813067.png

 

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!

Compartilhar este post


Link para o post
Compartilhar em outros sites

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();

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

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/

Compartilhar este post


Link para o post
Compartilhar em outros sites

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;

Compartilhar este post


Link para o post
Compartilhar em outros sites

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/

Compartilhar este post


Link para o post
Compartilhar em outros sites

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!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

  • Conteúdo Similar

    • Por martinazzo
      não consigo apagar, então deixei assim... se alguém conseguir por favor
    • Por rd111072
      Olá! Preciso pegar o valor de uma variável javascript, postar para uma página php pra criar uma variável session php.
      aqui tento passaar a variável js:
       
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript"> var valor = ""; $(document).ready(function() { $('input:radio[name=aviso]').click(function() { //Executa Loop entre todas as Radio buttons com o name de valor $('input:radio[name=aviso]').each(function() { //Verifica qual está selecionado if ($(this).is(':checked')) valor = parseInt($(this).val()); }) alert(valor); $.post( "cria_session.php", { aviso: valor} ); }) }) </script> Aqui tento, ao menos, imprimir na tela:
      <? echo "Olá <script>document.write(valor)</script>"?> Só o que funciona é o alert ^^^.

      Alguém sabe?
       
    • Por Robson Augusto
      Galera se alguém souber o que ocorre,  é o seguinte, não acredito que possa ser Problema de SEO, mas vamos lá meu site anuncicarbh.com, não aparece em pesquisa feitas pelo computador, com a palavra chave "seminovos bh", ele aparece na primeira oscilando para segunda pagina do bing e yahoo, fazendo a pesquisa pelo telefone, ja no pc ele nao aparace mais no yahoo, mas continua a aparecer no bing, ja no google ele teve pequenas aparições na terceira página, agora em ambas as pesquisas de pc e celular ja não aparece mais no google... So aparece atualmente no google, pesquisando pelo nome do site... Alguem saberia me dizer o por que disso? será SEO?
    • Por danilosilva222
      Olá pessoal, boa tarde! 
      Sou novato em programação e aqui no fórum é a minha primeira postagem, e tenho uma dúvida.
      Com Javascript, é possível desenvolver um sistema web completo para gestão, como por exemplo, academias, lojas, supermercados, etc..? 
      Desde já agradeço a atenção de vocês. 
    • Por nosredna
      Olá amigos,
       
      tenho o seguinte código:
      <html> <script type="text/javascript"> function Soma(){ var soma = 0; var ipts = document.querySelectorAll('input[oninput="Soma()"]'); for(var x=0; x<ipts.length; x++){ var valorItem = parseFloat(ipts[x].value); !isNaN(valorItem) ? soma += parseFloat(valorItem) : null; } document.querySelector('#final').value = soma.toFixed(2); } </script> <form action=""> Total produto1: <input type="text" oninput="Soma()" value="0"><br> Total produto2: <input type="text" oninput="Soma()" value="0"><br> <br> Total todos os produtos12: <input type="text" id="final"> </form> </html> Bom...para essas duas inputs funciona corretamente.
      Porém, se eu quiser colocar mais inputs como: Total produto3 + Total produto4 = Total todos os produtos34, Total produtoX + Total produtoY = Total todos os produtosXY, ...
      e usar o mesmo código JS, é possível? alguém poderia me dar uma dica de como eu faço para fazer isso? já tentei de várias maneiras, mas não estou tendo sucesso...
       
      Fico agradecido. 
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.