Ir para conteúdo

POWERED BY:

Arquivado

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

vitinho.vitor

Contagem Regressiva

Por , em Javascript

Recommended Posts

vitinho.vitor    0

vitinho.vitor
Postado

Olá pessoal,

achei um pequeno script que faz a contagem regressiva de hoje até certa data. Até aí tudo bem, porém eu precisava que o segundos e minutos ficassem rodando (diminuindo). Acho que teria que usar um pouco de Javascript?

 

Segue script:

<?php
$dia_hora_atual = strtotime(date("Y-m-d H:i:s"));
$dia_hora_evento = strtotime(date("2011-02-28 23:59:59"));

$diferenca = $dia_hora_evento - $dia_hora_atual;

$dias = intval($diferenca / 86400);
$marcador = $diferenca % 86400;
$hora = intval($marcador / 3600);
$marcador = $marcador % 3600;
$minuto = intval($marcador / 60);
$segundos = $marcador % 60;

echo "$dias dia(s) $hora hora(s) $minuto minuto(s) $segundos segundo(s)";
?>

 

Obrigado

Vitor

Compartilhar este post

Link para o post
Compartilhar em outros sites

vitinho.vitor    0

vitinho.vitor
Postado

Usar somente javascript eu achei este código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Contagem regressiva</title>
<script type="text/javascript">
var YY = 2011;
var MM = 02;
var DD = 28;
var HH = 23;
var MI = 59;
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>
</head>
<body onload="atualizaContador()">
Faltam <span id="contador"></span>
</body>
</html>

 

Mas daí precisaria de um script para pegar o ultimo dia do mês, eu ainda estou procurando mas não consegui colocar nenhum pra rodar.

 

Alguem conhece algum script que pega o último dia do mês?

 

Obrigado

Compartilhar este post

Link para o post
Compartilhar em outros sites

TiagoMaker    3

TiagoMaker
Postado 

function atualizaContador(YY,MM,DD,HH,MI,saida) {
var SS = 00; //Segundos
var hoje = new Date(); //Dia
var futuro = new Date(YY,MM-1,DD,HH,MI,SS); //Data limite do contador

var ss = parseInt((futuro - hoje) / 1000); //Determina a quantidade total de segundos que faltam
var mm = parseInt(ss / 60); //Determina a quantidade total de minutos que faltam
var hh = parseInt(mm / 60); //Determina a quantidade total de horas que faltam
var dd = parseInt(hh / 24); //Determina a quantidade total de dias que faltam

ss = ss - (mm * 60); //Determina a quantidade de segundos
mm = mm - (hh * 60); //Determina a quantidade de minutos
hh = hh - (dd * 24); //Determina a quantidade de horas

//O bloco abaixo descreve monta o que vai ser escrito na tela
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;//INsere o conteudo da variável faltam na página.
setTimeout(function(){atualizaContador(YY,MM,DD,HH,MI,saida)},1000);//Reinicia a função a cada um segundo
} else {
document.getElementById(saida).innerHTML = '';
setTimeout(function(){atualizaContador(YY,MM,DD,HH,MI,saida)},1000);
}
}

 

Agora para chamar na sua página, pode-se chamar de duas maneiras:

 

<body onload="atualizaContador('2009','07','14','23','00','00','elementodedestino')">

 

OU

 

<script type="text/javascript">window.onload=function(){
atualizaContador('2009','07','14','23','00','00','elementodedestino');
}</script>

Compartilhar este post

Link para o post
Compartilhar em outros sites

vitinho.vitor    0

vitinho.vitor
Postado

Mas neste caso eu mesmo teria que colocar a data final, e eu preciso que isso se atualize todos os meses. Precisaria de alguma função para pegar o ultimo dia do mes corrente.

 

Obrigado

Compartilhar este post

Link para o post
Compartilhar em outros sites

Tellys Castro    12

Tellys Castro
Postado

È cara, ate dá p fazer tudo em php, mas pra o seu caso ai , você quer uma execução cliente side e nao server side, que é o caso do php, guarde essa diferença,,.. pra você o legal é um js mesmo.. e n é difici nao... mas aconselhor ir ao forum js.

Compartilhar este post

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

Informação importante

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

  Aceito