Cuenta atras php

judio22 · #1 (**permalink**) 30/04/2015, 11:05

Hola compañeros. Estoy intentando hacer una cuenta atrás que al llegar a cero muestre un botón. Lo he intentado con JavaScript pero al recargar la pagina la cuenta empieza desde el principio. Quiero hacerla con php y he pensado en guardar en la base de datos la hora y partir de hay para que no se pueda manipular pero no se como hacerlo. ¿Alguna sugerencia? Gracias

MaNuX0218 · #2 (**permalink**) 30/04/2015, 11:28

Si lo realizas con php la página tiene que estar actualizandose cada momento para realizar la cuenta atrás, por lo que para hacerlo más dinámico deberas utilizar javascript.

Saludos.

judio22 · #3 (**permalink**) 30/04/2015, 11:55

Pero al usar JavaScript al actualizar la pagina se reinicia el contador. lo que quiero es que diga, faltan x minutos para poder hacer esto. No tiene que aparecer el contador de forma automática. Gracias por contestar

MaNuX0218 · #4 (**permalink**) 30/04/2015, 12:16

Puedes hacerlo con javascript y sacar la fecha de la base de datos y de hay calcular el tiempo restante. De esa manera no se reiniciará ya que captara la fecha de la DB y de hay calcula el tiempo en minutos que falta.

Saludos.

lauser · #5 (**permalink**) 30/04/2015, 15:39

Prueba así:

Código Javascript:

Ver original<html>
<head>
    <script language="JavaScript">
 
    /* Determinamos el tiempo total en segundos */
    var totalTiempo=60;
    /* Determinamos la url del archivo o del boton de descarga,(en ejemplo descarga de freebsd */
    var url="http://ftp.freebsd.org/pub/FreeBSD/releases/ISO-IMAGES/10.0/CHECKSUM.MD5-10.0-RELEASE-amd64";
 
    function updateReloj()
    {
        document.getElementById('CuentaAtras').innerHTML = "Por favor, espera "+totalTiempo+" segundos";
 
        if(totalTiempo==0)
        {
            window.location=url;
        }else{
            /* Restamos un segundo al tiempo restante */
            totalTiempo-=1;
            /* Ejecutamos nuevamente la función al pasar 1000 milisegundos (1 segundo) */
            setTimeout("updateReloj()",1000);
        }
    }
 
    window.onload=updateReloj;
 
    </script>
</head>
 
<body>
 
<h1>Preparando la descarga</h1>
<h2 id='CuentaAtras'></h2>
 
</body>
</html>

Dalam · #6 (**permalink**) 30/04/2015, 16:30

No entiendo como dices que se reinicia el contador de javascript, eso sera por mala programacion.
Si pones un contador de 5 minutos cuando recargues empezara de nuevo a descontar los 5 minutos.
Pero si usas una fecha absoluta no puede reiniciarse nunca.

BanNsS1 · #7 (**permalink**) 01/05/2015, 19:11

Te recomiendo que cuando empiece guardes el Time() como variable de sesión ($_SESSION) y a partir de ahí si se recarga utilices ese valor:

Código PHP:

  
<div id="countdown"></div>

<script type="text/javascript">
    var countdown_time = 60; //secconds
<?php
    if(isset($_SESSION['countdown_start'])){
        echo "countdown_time -= ". time() - $_SESSION['countdown_start'] . ";";
    }else{
        $_SESSION['countdown_start'] = time();
    }
?>
    function countdown(cd_time){
        document.getElementById('countdown').innerHTML = cd_time;
        countdown = setInterval( function(){
            if(cd_time>0){
                cd_time--;
                document.getElementById('countdown').innerHTML = cd_time;
            }else{
                showButton();
                clearInterval(countdown);
            }
        }, 1000);
    }
    
    function showButton(){
        document.getElementById('countdown').innerHTML = "<a href='mipagina.com'>Continuar</a>"
    }
    
    document.addEventListener("load", countdown(countdown_time), false);
</script>

No sé si me dejo algo, es lo que me ha salido así rapido

judio22 · #8 (**permalink**) 02/05/2015, 07:35

Creo que meh e liado yo solo, posiblemente he intentado complicarlo mas de la cuenta.

He intentado usar el siguiente codigo:

Código:

<?php 
$hora= date ("h:i:s");
$fecha= date ("j/n/Y");

$user=$_SESSION['user'];
$resulthora = mysql_query("SELECT * FROM personajes where user='$user'", $conexion);
				
while ($row = mysql_fetch_row($resulthora))
{
	$fechainicial=$row[16];
}

$fechafinal = $fecha . $hora;
$segundos = strtotime($fechafinal) - strtotime($fechainicial);


?>

Y el resultado era correcto pero al pasar x tiempo la variable se vuelve negativa y no funciona. he intentado unir mi codigo con el codigo javascript pero sigue pasando lo mismo. Creo que estoy mas perdido que al principio jeje. Gracias

judio22 · #9 (**permalink**) 02/05/2015, 07:53

solucione que se pusiera en negativo con el siguiete codigo

$segundos=abs($segundos);

Ahora solo necesito ver como recargar la variable en pantalla y al pasar de 300 que muestre un boton

BanNsS1 · #10 (**permalink**) 02/05/2015, 08:17

Cita:

Iniciado por judio22

solucione que se pusiera en negativo con el siguiete codigo

$segundos=abs($segundos);

Ahora solo necesito ver como recargar la variable en pantalla y al pasar de 300 que muestre un boton

No lo hagas de esa forma. Hazlo con javascript. El principal problema que surge es que pueden recargar la página pero puedes tratarlo con una variable php de $_SESSION. Te deje ya el código en un mensaje anterior:

Código PHP:

 
<div id="countdown"></div>

 
<script type="text/javascript">

    var countdown_time = 60; //secconds

<?php

    #Si la variable $_SESSION['countdown_start'] está declarada => Han recargado la página => Establecemos el tiempo de la cuenta atras a (TIME()ACTUAL - TIME()DE SESIÓN)

    if(isset($_SESSION['countdown_start'])){

        echo "countdown_time -= ". time() - $_SESSION['countdown_start'] . ";";

    }else{

        $_SESSION['countdown_start'] = time();

    }

?>

    /* Función controladora de la cuenta atrás */

    function countdown(cd_time){

        document.getElementById('countdown').innerHTML = cd_time;

        countdown = setInterval( function(){

            if(cd_time>0){

                cd_time--;

                document.getElementById('countdown').innerHTML = cd_time;

            }else{

                showButton();

                clearInterval(countdown);

            }

        }, 1000);

    }

    

    /* Función para mostrar el boton en cuanto se acaba el countdown */

    function showButton(){

        document.getElementById('countdown').innerHTML = "<a href='mipagina.com'>Continuar</a>"

    }

    

    /* Iniciar la cuenta atrás al cargar la página */

    document.addEventListener("load", countdown(countdown_time), false);

</script>

judio22 · #11 (**permalink**) 02/05/2015, 09:15

Probe tu codigo y al recargar la pagina sigue reiniciando el tiempo. ¿porque puede ser?

BanNsS1 · #12 (**permalink**) 02/05/2015, 14:20

Cita:

Iniciado por judio22

Probe tu codigo y al recargar la pagina sigue reiniciando el tiempo. ¿porque puede ser?

Tienes "session_start();" puesto en la primera linea?