Como hacer un conteo regresivo con php y javascript

miguelangelbravo · #1 (**permalink**) 23/06/2013, 17:46

Buenas tardes a todos, de antemano les doy gracias aquellas personas que me puedan ayudar con esto, estoy realizando un test online en el cual tenga un determinado tiempo limite de contestar las preguntas, he conseguido realizar el conteo regresivo con jquery por el lado del cliente pero quisiera saber como mezclar php y jquery para que al iniciar el conteo no se reinicie a 00:00:00 al recargar la pagina presionando F5, si no que siga el conteo aun cerrando session

pateketrueke · #2 (**permalink**) 23/06/2013, 18:08

Puedes usar cookies, las puedes crear y acceder perfectamente con Javascript, no hace falta nada de PHP al respecto.

Consulta una referencia de Javascript al respecto.

miguelangelbravo · #3 (**permalink**) 23/06/2013, 18:40

Ok gracias voy a dar una leida, cualquier duda lo posteo

miguelangelbravo · #4 (**permalink**) 23/06/2013, 20:43

leyendo un poco sobre cookies hice este ejemplo pero no me da resultado alguno que es lo que podria estar haciendo mal para mostrar el valor

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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&iacute;tulo</title>
<script type="text/javascript">
function createCookie(name,value,days) {
    if (days) {
        var date = new Date();
        date.setTime(date.getTime()+(days*24*60*60*1000));
        var expires = "; expires="+date.toGMTString();
    }
    else var expires = "";
    document.cookie = name+"="+value+expires+"; path=/";
}
 
function readCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for(var i=0;i < ca.length;i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1,c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
    }
    return null;
}
 
function eraseCookie(name) {
    createCookie(name,"",-1);
}
</script>
</head>
<body>
<script type="text/javascript">
 
                    //<![CDATA[
                    // Función par crear la cookie
                    function crearCookie(){
                      // Obtenemos el nombre ingresado    
                      var nombre = document.getElementById('campoNombre').value;
                      //  Creamos la cookie´    
                      //  Se llamará nick
                      //  El valor de la variable es el nombre ingresado
                      //  La cookie morirá a los 5 días    
                      if(nombre != ''){
                        createCookie('nick', nombre, 5);
                      // Mostramos la cookie
                      mostrarCookie();
                      return false;
                      }
                    }
                    
                    
                    // Función para mostrar la cookie
                    function mostrarCookie(){
                      // Buscamos nuestra cookie ya creada (nick)
                      // La función getCookie devolverá null si no existe
                      var usuario = readCookie('nick');
                      //Si existe, mostramos el nombre del usuario
                      if(usuario != null){
                        document.getElementById('mensaje').innerHTML = "Hola " + usuario;
                        }
                    }
                    // Mostramos la cookie
                    mostrarCookie();
                    //]]>
 
</script>
<div id="mensaje"></div>
<form onsubmit="return crearCookie()">
<input type="text" id="campoNombre" style="width: 500px; padding: 5px;"><br>
<br>
<input type="submit" value="Enviar" style="cursor: pointer; height: 30px; width: 100px; border: 0;"><br>
</form>
</body>
</html>

me rectifico, si funciona dentro de un servidor local