Conteo regresivo con solo de minutos y segundos, sin tomar hora del sistema..

genaro_belen · #1 (**permalink**) 11/06/2012, 17:15

Saludos
He buscado multiples de veces en google y aqui mismo en fdw, y he dado con muchas soluciones pero ninguna se ajustan a lo que quiero, ya que son facilmente manipulables por el cliente.

Mi inquietud es la siguiente: yo necesito un contador regresivo que a partir de dos valores, minutos y segundos me valla restando hasta llegar a 00:00 y cuando llegue a 00:00 entonces me recargue la pagina, pero quiero que ese valor lo tome javascript a partir de una variable php, eso de pasar el valor lo se.

He hecho esto, pasandole la fecha, pero si le cambio la fecha en mi pc, se cambia y probe a ver si subiendolo a mi hosting tomaba la hora del servidor y no lo hace, aun asi esas soluciones son vulnerables porque toman la hora del cliente.

Lo que quiero es algo como esto:

m = 59
s = 59

tiempo = restando esos valores que le pase ahi arriba, hasta llegar a 00:00
cuando llegue a 00:00 se me recargue la pagina..

dejenme saber si tienen alguna solucion para mi, algo que no tenga que ver con tomar la hora del servidor ni del cliente, es una solucion puramente en javascript y que yo pueda pasarle esos dos valores desde php..

muuuchas gracias antes de todo...
estare pendiente de sus respuestas..

Lynxcraft · #2 (**permalink**) 11/06/2012, 17:26

si utilizas javascript pues ya no existe solución XD lo que puedes hacer es comparar el tiempo desde el php con variables de sesión o parecidos y compararlas desde el servidor por si alguno adelanta la fecha

genaro_belen · #3 (**permalink**) 11/06/2012, 17:29

esa respuesta fue un poco cruel jeje... mira creo que puede haber una solucion ya que puedo decirle que me reste los segundos -1 cada segundos y que cuando llegue a 00 los segundos, entonces me reste a m -1 y vuelva y me coloque el s en 59 y siga reduciendo, y cuando ya el m sea igual a 00 entonces el s 59 -1 etc y cuando los dos sean 00:00 entonces el codigo para recargar la pagina...

en la logica la tengo, lo que me falta es el codigo js...

dejame saber si me puedes ayudar...
thanks

emprear · #4 (**permalink**) 11/06/2012, 17:38

No está muy claro el concepto
Si estás haciendo una cuenta atrás a partir de 2 valores, el primero a restar cada 60 segundos (ya que representa minutos) y el segundo cada 1 segundo, eso no se relaciona para nada con la hora (ya sea local o del servidor)

simplemente haces una cuenta atrás para el 60 con un setInterval en 60000 y cuando llegue a 0 activas otra función que haga una cuenta atrás con un setInterval en 1000 iniciando la cuenta en 60 nuevamente, al llegar a 0 recargás

Saludos

genaro_belen · #5 (**permalink**) 11/06/2012, 18:00

exactamente emprear, es justo lo que quiero, estoy cansado de buscar y todos estan relacionados con la hora, yo no lo quiero asi, lo quiero independiente de la hora...

ya tengo una idea con eso de setinterval, lo unico es que yo no soy muy bueno en javascript...

si me puedes dar una ayudita con el codigo, se lo agradeceria en el alma..

gracias.

genaro_belen · #6 (**permalink**) 11/06/2012, 18:06

Esto es lo que tengo y siempre me arroja 0

Código Javascript:

Ver originalfunction restar_segundos(){
        s = 59;
        while(s > 0){
            s = s-1;
            document.getElementById('conteo').innerHTML = s;
                    
            }
  }
          
setInterval(restar_segundos(),1000)

y este es el html
<div id="conteo"></div>

que sera que me esta pasando?

emprear · #7 (**permalink**) 11/06/2012, 19:06

sería algo asi

Código HTML:

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>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript">
//<![CDATA[
// 1000 = 1 segundo
var mins = 59;
var segs = 59;
var s;
function minutos(){
document.getElementById("minutos").innerHTML=mins;
if(mins == 0){
var dm = clearInterval(m);
s = setInterval('segundos()', 1000);
}
mins--;
}
 
function segundos(){
document.getElementById("segundos").innerHTML=segs;
if(segs == 0){
location.reload();
var ds = clearInterval(s);
}
segs--;
}
 
var m = setInterval('minutos()', 1000);
 
//]]>
</script>
</head>
<body>
<span id="minutos">60</span> : <span id="segundos">00</span> 
</body>
</html>

En el ejemplo puse 1000 para el setInterval de la función minutos, solo a los efectos de que la pruebes, debería ser en realidad 60000 (60 segundos)

Saludos