Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Alanartes

Exibir div depois da contagem

Por , em Javascript

Recommended Posts

Alanartes    0

Alanartes
Postado

Tenho esse scripit que faz uma contagem regressiva

Como faço para a div aparecer depois da contagem? 

<script language="Javascript">
var YY = 2018;
var MM = 04;
var DD = 12;
var HH = 12;
var MI = 36;
var SS = 59; 

function atualizaContador() 
{  
var hoje = new Date();  
var futuro = new Date(YY,MM-1,DD,HH,MI,SS);   
var ss = parseInt((futuro - hoje) / 1000);  
var mm = parseInt(ss / 60);  
var hh = parseInt(mm / 60);  
var dd = parseInt(hh / 24);   
ss = ss - (mm * 60);  
mm = mm - (hh * 60);  
hh = hh - (dd * 24);   
var faltam = '';  
faltam += (dd && dd > 1) ? dd+' dias, ' : (dd==1 ? '1 dia, ' : '');  
faltam += (toString(hh).length) ? hh+' hr, ' : '';  
faltam += (toString(mm).length) ? mm+' min e ' : '';  
faltam += ss+' seg';   

 if (dd+hh+mm+ss > 0) 
 {
  document.getElementById('contador').innerHTML = faltam;	
  setTimeout(atualizaContador,1000);  
 }
 else
 {
  document.getElementById('contador').innerHTML = 'CHEGOU!!!!';	
  setTimeout(atualizaContador,1000);  
 }
}
</script>

<body onLoad="atualizaContador()">
<span></span></body>
<div id="contador"> <?php echo "VISUALIZAR"; ?>  </div>

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

Julio Cavallari    3

Julio Cavallari
Postado 
<script language="Javascript">

document.getElementById('contador').style.display = 'none';

var YY = 2018;
var MM = 04;
var DD = 12;
var HH = 12;
var MI = 36;
var SS = 59; 

function atualizaContador() 
{  
var hoje = new Date();  
var futuro = new Date(YY,MM-1,DD,HH,MI,SS);   
var ss = parseInt((futuro - hoje) / 1000);  
var mm = parseInt(ss / 60);  
var hh = parseInt(mm / 60);  
var dd = parseInt(hh / 24);   
ss = ss - (mm * 60);  
mm = mm - (hh * 60);  
hh = hh - (dd * 24);   

 if (dd+hh+mm+ss == 0) 
 {
  document.getElementById('contador').innerHTML = 'CHEGOU!!!!';	
  setTimeout(atualizaContador,1000);
  document.getElementById('contador').style.display = 'block';
 }
}
</script>

<body onLoad="atualizaContador()">
<span></span></body>
<div id="contador"> <?php echo "VISUALIZAR"; ?>  </div>

Dessa maneira a div só será mostrado quando o contador acabar

 

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

Alanartes    0

Alanartes
Postado
16 minutos atrás, JulinhoooO disse: 

<script language="Javascript">

document.getElementById('contador').style.display = 'none';

var YY = 2018;
var MM = 04;
var DD = 12;
var HH = 12;
var MI = 36;
var SS = 59; 

function atualizaContador() 
{  
var hoje = new Date();  
var futuro = new Date(YY,MM-1,DD,HH,MI,SS);   
var ss = parseInt((futuro - hoje) / 1000);  
var mm = parseInt(ss / 60);  
var hh = parseInt(mm / 60);  
var dd = parseInt(hh / 24);   
ss = ss - (mm * 60);  
mm = mm - (hh * 60);  
hh = hh - (dd * 24);   

 if (dd+hh+mm+ss == 0) 
 {
  document.getElementById('contador').innerHTML = 'CHEGOU!!!!';	
  setTimeout(atualizaContador,1000);
  document.getElementById('contador').style.display = 'block';
 }
}
</script>

<body onLoad="atualizaContador()">
<span></span></body>
<div id="contador"> <?php echo "VISUALIZAR"; ?>  </div>

Dessa maneira a div só será mostrado quando o contador acabar

 

 

Nao deu certo, pois se voce mudar a data o contador não aparece

Compartilhar este post

Link para o post
Compartilhar em outros sites

Julio Cavallari    3

Julio Cavallari
Postado
34 minutos atrás, Alanartes disse:

Nao deu certo, pois se voce mudar a data o contador não aparece

O código da página tem que estar sempre acima do script no código, caso contrário o script não encontra o elemento que ele quer alterar, por isso acabou não funcionando

 

Spoiler 

<body onLoad="atualizaContador()">
<span></span>
<div id="contador"></div>
<div id="conteudo">Conteúdo da página aqui!!!!</div>

<script language="Javascript">



document.getElementById('conteudo').style.display = 'none';//esconde a div #conteudo

var YY = 2018;
var MM = 04;
var DD = 12;
var HH = 15;
var MI = 54;
var SS = 30; 

function atualizaContador() 
{  
var hoje = new Date();  
var futuro = new Date(YY,MM-1,DD,HH,MI,SS);   
var ss = parseInt((futuro - hoje) / 1000);  
var mm = parseInt(ss / 60);  
var hh = parseInt(mm / 60);  
var dd = parseInt(hh / 24);   
ss = ss - (mm * 60);  
mm = mm - (hh * 60);  
hh = hh - (dd * 24); 

 if (dd+hh+mm+ss > 0) 
 {
  document.getElementById('contador').innerHTML = hh+':'+mm+':'+ss;
  var contador = setTimeout(atualizaContador,1000);  
  document.getElementById('contador').style.display = 'block';
 }
 else if (dd+hh+mm+ss == 0) 
 { 
  document.getElementById('conteudo').style.display = 'block';//mostra a div #chegou
  document.getElementById('contador').style.display = 'none';//esconde a div #contador
  clearTimeout(contador);
 }
}
</script>
</body>

 

 

Desse modo aqui funciona perfeitamente. Quando zerar o contador ele mostra o conteúdo da página

Compartilhar este post

Link para o post
Compartilhar em outros sites

Alanartes    0

Alanartes
Postado

Resolvido! 

<script language="Javascript">
var YY = 2018;
var MM = 04;
var DD = 12;
var HH = 15;
var MI = 44;
var SS = 59; 

function atualizaContador() 
{  
var hoje = new Date();  
var futuro = new Date(YY,MM-1,DD,HH,MI,SS);   
var ss = parseInt((futuro - hoje) / 1000);  
var mm = parseInt(ss / 60);  
var hh = parseInt(mm / 60);  
var dd = parseInt(hh / 24);   
ss = ss - (mm * 60);  
mm = mm - (hh * 60);  
hh = hh - (dd * 24);   
var faltam = '';  
faltam += (dd && dd > 1) ? dd+' dias, ' : (dd==1 ? '1 dia, ' : '');  
faltam += (toString(hh).length) ? hh+' hr, ' : '';  
faltam += (toString(mm).length) ? mm+' min e ' : '';  
faltam += ss+' seg';   

 if (dd+hh+mm+ss > 0) 
 {
  document.getElementById('contador').innerHTML = faltam;	
  setTimeout(atualizaContador,1000);  
      document.getElementById("dvConteudo").style.display = "none";
 }
 else
 {
  document.getElementById('contador').innerHTML = 'CHEGOU!!!!';	
  setTimeout(atualizaContador,1000);  
      document.getElementById("dvConteudo").style.display = "block";
 }
}
</script>


<body onLoad="atualizaContador()">
<span id="contador"></span></body>
<div id="dvConteudo"> <?php echo "VISUALIZAR"; ?>  </div>

 

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript

  • Conteúdo Similar

    • violin101
      PHP+Codeigniter - Dúvida em Relação a Teclas
      Por violin101
      Caros amigos do grupo, saudações e um feliz 2025.
       
      Estou com uma pequena dúvida referente a Teclas de Atalho.

      Quando o Caps Lock está ativado o Comando da Tecla de Atalho não funciona.
      ou seja:
      se estiver para letra minúscula ====> funciona
      se estiver para letra maiúscula ====> não funciona
       
      Como consigo evitar essa falha, tanto para Letra Maiúscula quanto Minúscula ?

      o Código está assim:
      document.addEventListener( 'keydown', evt => { if (!evt.ctrlKey || evt.key !== 'r' ) return;// Não é Ctrl+r, portanto interrompemos o script evt.preventDefault(); });  
      Grato,
       
      Cesar
    • violin101
      Javascript - Calcular Valores Monetário em Tempo Real
      Por violin101
      Caros amigos, saudações.

      Estou com uma dúvida, referente cálculo de valores em tempo real.

      Tenho uma rotina, que faz o cálculo, o problema é mostrar o resultado.

      Quero mostrar o RESULTADO assim: 0,00  ou  0.00

      Abaixo posto o código.
      jQuery('input').on('keyup',function(){ //Remover ponto e trocar a virgula por ponto var m = document.getElementById("pgRest").value; while (m.indexOf(".") >= 0) { m = m.replace(".", ""); } m = m.replace(",","."); //Remover ponto e trocar a virgula por ponto var j = document.getElementById("pgDsct").value; while (j.indexOf(".") >= 0) { j = j.replace(".", ""); } j = j.replace(",","."); m = parseFloat(jQuery('#pgRest').val() != '' ? jQuery('#pgRest').val() : 0); j = parseFloat(jQuery('#pgDsct').val() != '' ? jQuery('#pgDsct').val() : 0); //Mostra o Resultado em Tempo Real jQuery('#pgTroco').val(m - j); <<=== aqui estou errando })  
       
      Grato,
       
      Cesar
       
       
    • violin101
      [Resolvido] JavaScript - Exibir logo dentro da Tabela html
      Por violin101
      Caro amigos, saudações.

      Tenho uma tabela escrita em JS que funciona corretamente.
       
      Minha dúvida:
      - como devo fazer para quando a Tabela HTML estiver vazia, exibir o LOGO da Empresa ?

      Abaixo posto o script:
      document.addEventListener( 'keydown', evt => { if (!evt.ctrlKey || evt.key !== 'i' ) return;// Não é Ctrl+A, portanto interrompemos o script evt.preventDefault(); //Chama a Função Calcular Qtde X Valor Venda calcvda(); var idProdutos = document.getElementById("idProdutos").value; var descricao = document.getElementById("descricao").value; var prd_unid = document.getElementById("prd_unid").value; var estoque_atual = document.getElementById("estoque_atual").value; var qtde = document.getElementById("qtde").value; var vlrunit = document.getElementById("vlrunit").value; var vlrtotals = document.getElementById("vlrtotal").value; var vlrtotal = vlrtotals.toLocaleString('pt-br', {minimumFractionDigits: 2}); if(validarConsumo(estoque_atual)){ //Chama a Modal com Alerta. $("#modal_qtdemaior").modal(); } else { if(qtde == "" || vlrunit == "" || vlrtotal == ""){ //Chama a Modal com Alerta. $("#modal_quantidade").modal(); } else { //Monta a Tabela com os Itens html = "<tr style='font-size:13px;'>"; html += "<td width='10%' height='10' style='text-align:center;'>"+ "<input type='hidden' name='id_prds[]' value='"+idProdutos+"'>"+idProdutos+"</td>"; html += "<td width='47%' height='10'>"+ "<input type='hidden' name='descricao[]' value='"+descricao+"'>"+descricao+ "<input type='hidden' name='esp[]' value='"+prd_unid+"'> - ESP:"+prd_unid+ "<input type='hidden' name='estoq[]' value='"+estoque_atual+"'></td>"; html += "<td width='10%' height='10' style='text-align:center;'>"+ "<input type='hidden' name='qtde[]' value='"+qtde+"'>"+qtde+"</td>"; html += "<td width='12%' height='10' style='text-align:right;'>"+ "<input type='hidden' name='vlrunit[]' value='"+vlrunit+"'>"+vlrunit+"</td>"; html += "<td width='14%' height='10' style='text-align:right;'>"+ "<input type='hidden' name='vlrtotal[]' value='"+vlrtotal+"'>"+vlrtotal+"</td>"; html += "<td width='12%' height='10' style='text-align:center;'>"+ "<button type='button' class='btn btn-uvas btn-remove-produto' style='margin-right:1%; padding:1px 3px; font-size:12px;' title='Remover Item da Lista'>"+ "<span class='fa fa-minus' style='font-size:12px;'></span></button></td>"; html += "</tr>"; $("#tbventas tbody").append(html); //Função para Somar os Itens do Lançamento somar(); $("#idProdutos").val(null); $("#descricao").val(null); $("#prd_unid").val(null); $("#qtde").val(null); $("#vlrunit").val(null); $("#vlrtotal").val(null); $("#idProdutos").focus(); //Se INCLUIR NOVO produto - Limpa a Forma de Pagamento $("#pgSoma").val(null); $("#pgRest").val(null); $("#pgDsct").val(null); $("#pgTroco").val(null); $("#tbpagar tbody").empty(); }//Fim do IF-qtde }//Fim do Validar Consumo });//Fim da Função btn-agregar  
      Grato,

      Cesar
       
    • violin101
      PHP+Codeigniter - Implementar o Input CÓDIGO ou ID do Produto
      Por violin101
      Caros amigos, saudações.
       
      Por favor, poderiam me ajudar.

      Estou com a seguinte dúvida:
      --> como faço para para implementar o input código do produto, para quando o usuário digitar o ID o sistema espera de 1s a 2s, sem ter que pressionar a tecla ENTER.

      exemplo:
      código   ----   descrição
           1       -----   produto_A
       
      Grato,
       
      Cesar
    • violin101
      PHP+Codeigniter - Adicionar Registro Plano de Contas
      Por violin101
      Caros amigos, saudações.
       
      Humildemente peço desculpa por postar uma dúvida que tenho.

      Preciso salvar no MySql, os seguinte Registro:

      1 - Principal
      ====> minha dúvida começa aqui
      ==========> como faço para o Sistema Contar Automaticamente o que estiver despois do 1.____?
      1.01 - Matriz
      1.01.0001 - Estoque
      1.01.0002 - Oficina
      etc

      2 - Secundário
      2.01 - Loja_1
      2.01.0001 - Caixa
      2.01.0002 - Recepção
      etc
       
      Resumindo seria como se fosse um Cadastro de PLANO de CONTAS CONTÁBEIL.

      Grato,


      Cesar









       
×

Informação importante

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

  Aceito