Contador hacia atras

brunancio · #1 (**permalink**) 16/09/2010, 08:18

Hola gente!!!
Necesito la asistencia de los genios de este foro. Necesito implementar en mi pagina un contador hacia atras. Una vez a la semana (por ej: los miercoles en determinado horario) el contador llega a cero y me habilita un boton que redirecciona a una pagina diferente. Pasada la hora, el boton se vuelve a deshabilitar y nuevamente aparece el contador hacia tras, anunciando que el boton se activara dentro de 6 dias , x horas, x minutos y x segundos.
Se podra o es muy complejo lo que intento???
Desde ya muchisima gracias por todo aporte a este foro, realemente es muy util al momento de que surgen dudas, mientras arma una web. Abrazos!!!
Bruno

Hidek1 · #2 (**permalink**) 16/09/2010, 08:46

bueno lo de contador hacia atras.. busca en el foro de javascript..
y al llegar a 0 podrías hacer una petición con ajax para obtener la dirección nueva.. para que no te saboteen el sistema :)

GatorV · #3 (**permalink**) 16/09/2010, 08:48

Tema movido desde PHP a Javascript

Adler · #4 (**permalink**) 16/09/2010, 13:53

Hola

Ahí alguna cosa en este código que no te interesa, la diferencia entre la hora del servidor y del cliente, pero eso has de editarlo tú

Código Javascript:

Ver original<!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; charset=utf-8" />
<title></title>
<?php $fecha = time();?>
<script type="text/javascript" >
function inicar_Crono() {
fFutura = new Date(2010,8,25,22,30);   
fFutura = fFutura.getTime();  
 
var serv_ahora =  new Date();
serv_ahora.getFullYear(<?php date('Y', $fecha);?>);
parseInt(serv_ahora.getMonth(<?php echo date('n', $fecha);?>), 10);
parseInt(serv_ahora.getDate(<?php echo date('d', $fecha);?>), 10);
parseInt(serv_ahora.getHours(<?php echo date('H', $fecha);?>), 10);
parseInt(serv_ahora.getMinutes(<?php echo date('i', $fecha);?>), 10);
 
var cliente_ahora = new Date();
 
difernciaCliente_Servidor = parseInt(serv_ahora.getTime() - cliente_ahora.getTime());
horaActual = parseInt(difernciaCliente_Servidor + cliente_ahora.getTime());
diferenciasConFutura = parseInt(fFutura - horaActual);           
Crono(diferenciasConFutura);                
}
 
 
function Crono(diferencia) {
segundostotales = parseInt(diferencia /1000);
minutostotales = parseInt(segundostotales/60);
horastotales = parseInt(minutostotales/60); 
dias = parseInt(horastotales/24);
horas = parseInt(horastotales &#37; 24);
minutos = parseInt(minutostotales % 60);
segundos = parseInt(segundostotales % 60);
 
if(dias < 10) {dias = '0' + dias;}
if(horas < 10) {horas = '0' + horas;}
if(minutos < 10) {minutos = '0' + minutos;}
if(segundos < 10) {segundos = '0' + segundos;}
 
if (Math.abs(diferencia) <= 900) {
    document.getElementById('div_Crono').innerHTML = 'Se ha cumplido el tiempo';
    clearTimeout(intervalo);
 
}else{
 
    document.getElementById('div_Crono').innerHTML = dias + ' dias ';
    document.getElementById('div_Crono').innerHTML += horas + ' horas ';
    document.getElementById('div_Crono').innerHTML += minutos + ' minutos ';
    document.getElementById('div_Crono').innerHTML += segundos + ' segundos';
    contador = parseInt(diferencia - 1000)
    intervalo = setTimeout('Crono(contador);', 1000);
}
}
</script>
</head>
<body onload="inicar_Crono();">
<div align="center">
<div id="div_Crono"></div>
</div>
</body>
</html>

Suerte