Ir para conteúdo

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 - Agradecimento e uma Dúvida
      Por violin101
      Caros amigos,  saudações. 
       
      Primeiramente agradeço ao auxílio e ajuda que os amigos têm me dado. 
       
      Minha dúvida:
      - para emissão de nota fiscal eletrônica precisa de um CERTIFICADO e SENHA.
      Como ou onde consigo esses dois itens, para fazer teste de emissão de nota fiscal  ?
       
      Grato, 
       
      Cesar
    • violin101
      PHP - Agradecimento e uma Dúvida
      Por violin101
      Caros amigos,  saudações. 
       
      Primeiramente agradeço ao auxílio e ajuda que os amigos têm me dado. 
       
      Minha dúvida:
      - para emissão de nota fiscal eletrônica precisa de um CERTIFICADO e SENHA.
      Como ou onde consigo esses dois itens, para fazer teste de emissão de nota fiscal  ?
       
      Grato, 
       
      Cesar
    • violin101
      PHP - Abrir e Fechar janela
      Por violin101
      Caros amigos, saudações.
       
      Estou com uma pequena dúvida.
       
      Estou escrevendo um Sistema que tem vários Módulos.
       
      O módulo principal tem:
      Estoque | Compras | Expedição | Vendas

      Minha dúvida:
      como faço após Acessar o Módulo Principal e Escolher o Módulo que quero trabalhar,
      eu possa fechar o Módulo aberto por exemplo: Estoque, sem alterar o Módulo principal e outros se estiver aberto ?


      Grato,
       
      Cesar
    • douglas79
      Problemas com a última versão do MYSQL
      Por douglas79
      Bom dia,

      Há alguns dias que venho instalar o apache, o php, mysql e o phpmyadmin manualmente e sem obter sucesso. Até consegui rodar o php, porém, quando vou baixar a úitima versão do MYSQL, não tem todos os pacotes nele instalados, inclusive no completo, só encontro o Router.
      Alguém pode me dizer o porquê que isso está ocorrendo?
      Desde já agradeço a ajuda de vocês, que será bem vinda!
      No aguardo!

      Uso a versão 8.3.9 do PHP
      Meu SO é o Windows 10 32 bits
    • violin101
      PHP + Codeigniter - Instalar Biblioteca NFephp
      Por violin101
      Caros amigos, saudações.
       
      Por favor, me perdoa em postar mais uma dúvida minha.

      Através de ajuda e orientação dos membros do Grupo, tenho conseguido resolver muitos problemas que tenho encontrado.
       
      Gostaria de saber dos amigos do grupo, se tem algum vídeo aula, orientando a Instalação das Biblioteca para Emissão de Nota Fiscal Eletrônica.
       
      Tenho feito várias busca e tenho encontrado a maioria das vezes tudo em LARAVEL.

      Sei que para instalar as Biblioteca, precisa do Composer, até aqui tudo bem.

      Minha dúvida: 
      após fazer o download da  sped-nfe  e  sped-da, essas biblioteca devem ser gravada em qual pasta ?  ----   na C:\  ou dentro da pasta do Sistema ?
      quando dou o comando: COMPOSER INSTALL esse comando já instala todas as bibliotecas, ou 1 por 1 ?

      Grato,
       
      Cesar
       
×

Informação importante

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

  Aceito