Ir para conteúdo
Fórum Script Brasil
  • 0

ajuda com codigo contagem regressiva


alexandravnunes

Pergunta

gente, sou novata aqui e simplesmente optei por entrar no fórum porque sempre faço download dos códigos mais hoje estou precisando de ajuda com um código esse abaixo, pois eu queria que na hora em que acabasse a contagem aparecesse uma imagem com promoção encerrada ou mensagem tanto faz, bjs a todos...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html;" /> 
<title>Contagem regressiva em Javascript | Blog do Garcia</title> 
<style type="text/css"> 
body{font-family:Verdana, Geneva, sans-serif; text-align:center}
 #contagemregressiva{margin:20px 0 0 20px;padding:20px;background:#ccc; width:90%}
 #contagemregressiva #elemento{padding:20px;background:#fff;width:95%;text-align:center;font:bold 20px Arial}
 p{margin:0}

</style> 
</head> 

<body>
<a/>
<center><a href="http://www.emailmeform.com/builder/form/0iGyFBSOtx58qn61Cr">
<img src="http://www.ofertaatual.com.br/imagens/logo.png"width="200" height="50" border="0"/></a><center></a>
</div>
<div id="contagemregressiva">
<h3>
<p>
<b>ATENÇÃO</b></p>
<h3>
<p>
enceramento da promoção: <strong>03/10/2011 &agrave;s 20:37 hs</strong></p>

<div id="elemento">
Carregando</div>
</div>



&lt;script type="text/javascript"> 
function atualizaContador(YY,MM,DD,HH,MI,saida) {
 var SS = 00;
 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+':' : '';
 faltam += (toString(mm).length) ? mm+':' : '';
 faltam += ss;

 if (dd+hh+mm+ss > 0) {
  document.getElementById(saida).innerHTML = faltam;
  setTimeout(function(){atualizaContador(YY,MM,DD,HH,MI,saida)},1000);
 } else {
  document.getElementById(saida).innerHTML = '';
  setTimeout(function(){atualizaContador(YY,MM,DD,HH,MI,saida)},1000);
 }
}
window.onload=function(){
 atualizaContador('2011','11','31','23','59','elemento');
}

</script>
<a href="http://www.emailmeform.com/builder/form/0iGyFBSOtx58qn61Cr">
<img border="0" src="http://cammercosul.com/img/icone_pergunta.png"width="200" height="50" align="center"><a/>

</body> 
</html>

Editado por fercosmig
add tags
Link para o comentário
Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

  • 0

Adicione isso abaixo do codigo....

if (dd+hh+mm+ss > 0) {

document.getElementById(saida).innerHTML = faltam;

setTimeout(function(){atualizaContador(YY,MM,DD,HH,MI,saida)},1000);

} else {

document.getElementById(saida).innerHTML = '';

setTimeout(function(){atualizaContador(YY,MM,DD,HH,MI,saida)},1000);

document.getElementById('elemento').innerHTML="<strong>Promoção Encerrada!</strong>";

}

Espero ter ajudado, se cuida =)

Editado por Victor Miranda
Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...