contador regresivo con hora del servidor

santi2892009 · #1 (**permalink**) 23/06/2012, 07:22

olaa encontre este x internet pero falla algo nose el que y si alguien me dirira como añadir la hora del servidor??:

<!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>Documento sin título</title>
</head>

<body>
<!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>Tiempo que resta</title>
</head>
<script type="text/javascript">
var month = 5; //mes del evento 0:enero, 1:febrero, ...
var day = 11; //dia del evento
var year = 2010; //año del evento
var one_day = 1000*60*60*24; //tiempo en milisegundos de duracion de un dia
var one_hour= 1000*60*60; //tiempo en milisegundos de duracion de una hora
var one_min = 1000*60; //tiempo en milisegundos de duracion de un minuto
var one_seg = 1000; //tiempo de duracion de 1 segundo
var aux; //variable que me permite almacenar datos temporales
var evento = new Date(year,month,day); //dia del evento
var begin = true; //variable para verificar si ya inicio el evento

function count_regressive() {

var today = new Date(<?php time() ?>; //colocamos la hora del servidor

if(today.getMonth()==month && today.getDay()>day) //verificamos si el evento todavia no ocurre
begin = true;

aux = (evento.getTime()-today.getTime()); //obtenemos los milisegundos

var days = Math.ceil(aux/one_day); //dias que faltan

aux = (aux%one_day); //residuo

var hours = Math.ceil(aux/one_hour); //horas que faltan

aux = aux%one_hour; //residuo

var mins = Math.ceil(aux/one_min); //minutos que faltan

aux = aux%one_min; //residuo

var segs = Math.ceil(aux/one_seg); //segundos

document.getElementById('show').innerHTML = days + ' Dias ' + hours + ' horas ' + mins + ' Minutos ' + segs + ' Segundos ' ;

setTimeout("count_regressive()",1000); //para mostrar el contador regresivo
}

</script>
<body onload="count_regressive()">
<h1 id="show">
</h1>
</body>
</html>
</body>
</html>

IsaBelM · #2 (**permalink**) 23/06/2012, 07:47

a ver si es esto lo que buscas

santi2892009 · #3 (**permalink**) 23/06/2012, 07:57

olaa gracias pero no,xq es un codigo que cuando actuliza a cierta hora y no dice como cambiar el codigo en cuanto cambiaas algo en codigo ya no funciona.
xj;yo no quiero q actualice,q si el usario actualice que el reloj no vuelva otra vez a comenzar,que si queda 5 minutos que al actualizar queden 5 minutos.

santi2892009 · #4 (**permalink**) 23/06/2012, 08:02

ahora el codigo tendria este aspecto con la hora del servidor pero nose si funcionara:

<!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>Documento sin título</title>
</head>

<body>
<!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>Tiempo que resta</title>
</head>
<script type="text/javascript">
var month = 5; //mes del evento 0:enero, 1:febrero, ...
var day = 11; //dia del evento
var year = 2010; //año del evento
var one_day = 1000*60*60*24; //tiempo en milisegundos de duracion de un dia
var one_hour= 1000*60*60; //tiempo en milisegundos de duracion de una hora
var one_min = 1000*60; //tiempo en milisegundos de duracion de un minuto
var one_seg = 1000; //tiempo de duracion de 1 segundo
var aux; //variable que me permite almacenar datos temporales
var evento = new Date(year,month,day); //dia del evento
var begin = true; //variable para verificar si ya inicio el evento

function count_regressive() {

var today = new Date(<?php time();
serv_ahora=new Date();
serv_ahora.setHours(<?php echo intval(date('H')) ?>);
serv_ahora.setMinutes(<?php echo intval(date('i')) ?>);
serv_ahora.setSeconds(<?php echo intval(date('s')) ?>); //colocamos la hora del servidor

if(today.getMonth()==month && today.getDay()>day) //verificamos si el evento todavia no ocurre
begin = true;

aux = (evento.getTime()-today.getTime()); //obtenemos los milisegundos

var days = Math.ceil(aux/one_day); //dias que faltan

aux = (aux%one_day); //residuo

var hours = Math.ceil(aux/one_hour); //horas que faltan

aux = aux%one_hour; //residuo

var mins = Math.ceil(aux/one_min); //minutos que faltan

aux = aux%one_min; //residuo

var segs = Math.ceil(aux/one_seg); //segundos

document.getElementById('show').innerHTML = days + ' Dias ' + hours + ' horas ' + mins + ' Minutos ' + segs + ' Segundos ' ;

setTimeout("count_regressive()",1000); //para mostrar el contador regresivo
}

</script>
<body onload="count_regressive()">
<h1 id="show">
</h1>
</body>
</html>
</body>
</html>

IsaBelM · #5 (**permalink**) 23/06/2012, 08:09

esto es lo que he entendido

Cita:

Iniciado por santi2892009

bla, bla, bla, bla, .... yo no quiero q actualice,q si el usario actualice que el reloj no vuelva otra vez a comenzar,que si queda 5 minutos que al actualizar queden 5 minutos.

creo que no lo has probado por que hace una cuenta regresiva hasta las 21,30,0

santi2892009 · #6 (**permalink**) 23/06/2012, 08:16

no funciona lo que dijo la compañera funciona a las mil maravillas pero el problema que tiene es que cuando actualizan la pagina vuelve a empezar la cuenta atras,si me poideis indicar lo q falla en mi codigo??y algo para que cuando le den a actualizar no se actulaice?un saludo y muchas graciass

santi2892009 · #7 (**permalink**) 23/06/2012, 08:45

yo lo que necesito un cronometro preogresivo con la hora del servidor que yo pueda modificar a mi gusto,sin q cuando se actualice la pagina empiece otra vez de nuevo

furoya · #8 (**permalink**) 24/06/2012, 15:31

Lo que necesitas es aprender a postear en un foro.

Vienes repitiendo el asunto desde hace varios días en el mismo y en otros subforos. Y te vienen respondiendo en varios.

http://www.forosdelweb.com/f2/codigo...esivo-1000318/

http://www.forosdelweb.com/f13/conta...vidor-1000279/

http://www.forosdelweb.com/f13/conta...vidor-1000221/

http://www.forosdelweb.com/f13/cuent...rvidor-999477/

http://www.forosdelweb.com/f13/tempo...r-dias-999349/