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

    • ILR master
      Ler campos com caracteres especiais no xml
      Por ILR master
      Fala galera.
      Espero que todos estejam bem.
      Seguinte: Tenho um arquivo xml onde alguns campos estão com : (dois pontos), como o exemplo abaixo:
       
      <item>
      <title>
      d sa dsad sad sadasdas
      </title>
      <link>
      dsadas dsa sad asd as dsada
      </link>
      <pubDate>sadasdasdsa as</pubDate>
      <dc:creator>
      d sad sad sa ad as das
      </dc:creator>
      </item>
       
      Meu código:
       
      $link = "noticias.xml"; 
      $xml = simplexml_load_file($link); 
      foreach($xml -> channel as $ite) {     
           $titulo = $ite -> item->title;
           $urltitulo = $ite -> item->link;
           print $urltitulo = $ite -> item->dc:creator;
      } //fim do foreach
      ?>
       
      Esse campo dc:creator eu não consigo ler. Como faço?
       
      Agradeço quem puder me ajudar.
       
      Abs
       
       
    • First
      Sistema não funciona corretamente
      Por First
      Olá a todos!
       
      Eu estou criando um sistema do zero mas estou encontnrando algumas dificuldades e não estou sabendo resolver, então vim recorrer ajuda de vocês.
      Aqui está todo o meu código: https://github.com/PauloJagata/aprendizado/
       
      Eu fiz um sistema de rotas mas só mostra o conteúdo da '/' não sei porque, quando eu tento acessar o register nada muda.
      E eu também quero que se não estiver liberado na rota mostra o erro de 404, mas quando eu tento acessar um link inválido, nada acontece.
      Alguém pode me ajudar com isso? E se tiver algumas sugestão para melhoria do código também estou aceitando.
       
       
      Desde já, obrigado.
    • landerbadi
      Saber se todos os produtos de uma consulta estão cadastrados no banco de dados
      Por landerbadi
      Olá pessoal, boa tarde
       
      Tenho uma tabela chamada "produtos" com os seguintes campos (id, produto) e outra tabela chamada "itens" com os seguintes campos (id, prod_01, prod_02, prod_03, prod_04).
       
      Na tabela produtos eu tenho cadastrado os seguintes produtos: laranja, maçã, uva, goiaba, arroz, feijão, macarrão, etc.
       
      Na tabela itens eu tenho cadastrado os itens da seguinte maneira:
       
      1, laranja, uva, arroz, feijão;
      2, maçã, macarrão, goiaba, uva;
      3, arroz, feijão, maçã, azeite
       
      Meu problema é o seguinte: 
      Eu escolho um produto da tabela "produtos", por exemplo "uva".  Preciso fazer uma consulta na tabela "itens" para ser listado todos os registros que contenham o produto "uva" e que todos os demais produtos estejam cadastrados na tabela "produtos".
       
      No exemplo acima seria listado apenas dois registros, pois o terceiro registro não contém o produto "uva". 
       
      Alguém pode me ajudar? Pois estou quebrando a cabeça a vários dias e não consigo achar uma solução.
    • ILR master
      Abrir url na mesma janela
      Por ILR master
      Pessoal, pergunta bem simples. Abaixo tenho o seguinte código:
       
      <script>
      function alerta()
      {
        if (window.confirm("Você realmente quer sair?")) {
          window.open("sair.html");
      }
      }
      </script>
       
      Funciona perfeitamente, só que está abrindo em outra janela e quero que abra na mesma janela.
       
      Alguém pode me ajudar?
    • landerbadi
      Fazer busca no Banco de dados usando vários critério
      Por landerbadi
      Boa tarde pessoal. Estou tentado fazer uma consulta no banco de dados porém estou tendo dificuldades. Tenho uma tabela chamada "itens" com os seguintes campos: id, item, plural, ativo. Nela tem cadastrado vários itens e seu respectivo plural. No campo ativo eu coloco a letra "S" para informar que esta palavra está ativa no sistema. Por exemplo: 1, casa, casas, S 2, mesa, mesas, S 3, cama, camas, S 4, moto, motos, S 5, rádio, rádios O quinto registro "radio" não está ativo no sistema pois não tem um "S" no campo ativo. E outra tabela chamada "variações" com os seguintes campos (id, item1, item2, item3) com os seguintes registros: 1, casa, camas, moto 2, mesas, casas, radio 3, rádio, cama, mesa Eu preciso fazer uma busca na tabela variações da seguinte maneira: Eu escolho um registro na tabela "itens", por exemplo "casa". Preciso fazer com que o php me liste todos os registros da tabela "variações" que contenham a palavra "casa". Porém se tiver algum registro com a palavra "casas" também tem que ser listado. Neste caso ele irá encontrar dois registros. Agora eu preciso que o php verifique os demais itens e faça a listagem apenas dos item que estão ativos (que contenham um "S" no campo ativo. Neste caso ele irá encontrar apenas um registro, pois o segundo registro contém a palavra "rádio". E "rádio" não está ativo na tabela itens. Como faço isso?
×

Informação importante

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

  Aceito