Foros del Web » Programación web » Javascript »

contador regresivo con hora del servidor

Estas en el tema de contador regresivo con hora del servidor en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 23/06/2012, 07:22
 
Fecha de Ingreso: mayo-2012
Mensajes: 333
Antigüedad: 2 años, 5 meses
Puntos: 0
contador regresivo con hora del servidor

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>
  #2 (permalink)  
Antiguo 23/06/2012, 07:47
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 4.563
Antigüedad: 6 años, 4 meses
Puntos: 923
Respuesta: contador regresivo con hora del servidor

a ver si es esto lo que buscas
__________________
if(ViolenciaDeGénero) {alert('MUJER ASESINADA');}
  #3 (permalink)  
Antiguo 23/06/2012, 07:57
 
Fecha de Ingreso: mayo-2012
Mensajes: 333
Antigüedad: 2 años, 5 meses
Puntos: 0
Respuesta: contador regresivo con hora del servidor

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.
  #4 (permalink)  
Antiguo 23/06/2012, 08:02
 
Fecha de Ingreso: mayo-2012
Mensajes: 333
Antigüedad: 2 años, 5 meses
Puntos: 0
Respuesta: contador regresivo con hora del servidor

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>
  #5 (permalink)  
Antiguo 23/06/2012, 08:09
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 4.563
Antigüedad: 6 años, 4 meses
Puntos: 923
Respuesta: contador regresivo con hora del servidor

esto es lo que he entendido
Cita:
Iniciado por santi2892009 Ver Mensaje
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
__________________
if(ViolenciaDeGénero) {alert('MUJER ASESINADA');}
  #6 (permalink)  
Antiguo 23/06/2012, 08:16
 
Fecha de Ingreso: mayo-2012
Mensajes: 333
Antigüedad: 2 años, 5 meses
Puntos: 0
Respuesta: contador regresivo con hora del servidor

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
  #7 (permalink)  
Antiguo 23/06/2012, 08:45
 
Fecha de Ingreso: mayo-2012
Mensajes: 333
Antigüedad: 2 años, 5 meses
Puntos: 0
Respuesta: contador regresivo con hora del servidor

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
  #8 (permalink)  
Antiguo 24/06/2012, 15:31
(Desactivado)
 
Fecha de Ingreso: noviembre-2002
Ubicación: Ciudad Autónoma de Buenos Aires
Mensajes: 2.368
Antigüedad: 11 años, 11 meses
Puntos: 317
Respuesta: contador regresivo con hora del servidor

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/

Etiquetas: contador, html, php, regresivo, servidor
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:05.
SEO by vBSEO 3.3.2