1

Eu estou fazendo um programa em PHP, JavaScript e MySQL sobre perguntas e respostas.

Bem, nesse código eu preciso contar o tempo que o usuário leva para responder a pergunta e armazenar em uma variável para usar o valor em outro código.

Além disso, existe alguma maneira de fazer o cronómetro iniciar sozinho assim que a página é acessada?

<html>
<head>
    <title>Responder</title>
</head>
    <body>  
        <?php
            echo"<center>";
            echo"<h1>PERGUNTA</h2>";

            $Servidor = "localhost";
            $BancoDeDados = "DESAFIO";
            $Usuario = "root";
            $Senha = "123";
            $db = mysql_connect ($Servidor,$Usuario,$Senha);
            $basedados = mysql_select_db($BancoDeDados);

            $consulta ='Select QUESTAO, ALTERNATIVACORRETA, ALTERNATIVA_A, ALTERNATIVA_B, ALTERNATIVA_C, ALTERNATIVA_D, ALTERNATIVA_E from PERGUNTA where pergunta.ID = '.$_GET["ID"].' Order by ID;';
            $resultado = mysql_query($consulta) or print (mysql_error());
            while ($linha = mysql_fetch_array($resultado))
            {
               $Questao=$linha["QUESTAO"];
               $ALTERNATIVACORRETA=$linha["ALTERNATIVACORRETA"];
               $ALTERNATIVA_A=$linha["ALTERNATIVA_A"];
               $ALTERNATIVA_B=$linha["ALTERNATIVA_B"];
               $ALTERNATIVA_C=$linha["ALTERNATIVA_C"];
               $ALTERNATIVA_D=$linha["ALTERNATIVA_D"];
               $ALTERNATIVA_E=$linha["ALTERNATIVA_E"];
            }

            $consulta2 ='Select ID from ALUNO;';
            $resultado2 = mysql_query($consulta2) or print (mysql_error());
            while ($linha2 = mysql_fetch_array($resultado2))
            {
               $ALUNO=$linha2["ID"];
            }

            echo 
            '
               <Form action="responder.php?ID='.$_GET["ID"].'&" method="POST">
                  <table border=1 align=center>
                     <font size=25 color=red>'.$Questao.'</font>  <p>

                    <tr> 
                        <td> 
                            A) <input type="radio" name="resposta" class="txt" maxlength="15" value=A>  
                               '.$ALTERNATIVA_A.' 
                        </td>
                    </tr> 
                    <tr> 
                        <td>
                            B) <input type="radio" name="resposta" class="txt" maxlength="15" value=B> 
                               '.$ALTERNATIVA_B.' 
                        </td>
                    </tr> 

                    <tr> 
                        <td> 
                            C) <input type="radio" name="resposta" class="txt" maxlength="15" value=C>
                               '.$ALTERNATIVA_C.' 
                        </td>
                    </tr> 

                    <tr> 
                        <td> 
                            D) <input type="radio" name="resposta" class="txt" maxlength="15" value=D> 
                               '.$ALTERNATIVA_D.'
                        </td>
                    </tr> 

                    <tr> 
                        <td> 
                            E) <input type="radio" name="resposta" class="txt" maxlength="15" value=E> 
                               '.$ALTERNATIVA_E.'
                        </td>
                    </tr> 


                </form>
                </table>

                <p>

                <input type="submit" value="Responder">

                    <p>   

                         <a href="INDEX.php"> <font color=red> Principal </font> <a> &bull;
                         <a href="login_aluno.php"> <font color=red> Aluno </font> <a>  

            ';

        ?>  
            <script type="text/javascript" language="JavaScript">
            var segundo = 0+"0";
            var minuto = 0+"0";
            var hora = 0+"0";

            function tempo(){   
               if (segundo < 59){
                  segundo++
                  if(segundo < 10){segundo = "0"+segundo}
               }else 
                  if(segundo == 59 && minuto < 59){
                     segundo = 0+"0";
                minuto++;
                if(minuto < 10){minuto = "0"+minuto}
                  }
               if(minuto == 59 && segundo == 59 && hora < 23){
                  segundo = 0+"0";
                  minuto = 0+"0";
                  hora++;
                  if(hora < 10){hora = "0"+hora}
               }else 
                  if(minuto == 59 && segundo == 59 && hora == 23){
                     segundo = 0+"0";
                minuto = 0+"0";
                hora = 0+"0";
                  }
               form.cronometro.value = hora +":"+ minuto +":"+ segundo
            }
            </script>

            <form name="form">
            <input type="text" name="cronometro" value="00:00:00" readonly="readonly" />
            <br />
            <button type="button" onclick="setInterval('tempo()',983);return false;">Iniciar Cronômetro</button>
            </form>

    </body>
</html>
6
  • Rizzo, seu codigo esta bem baguncado, pode dizer o que estamente voce esta tentando fazer ? um cronometro ? 2/12/2015 às 23:25
  • Você deseja o resultado da string hora +":"+ minuto +":"+ segundo em uma variável, ou as três váriaveis com seus valores isolados? 2/12/2015 às 23:29
  • Eu editei a pergunta explicando melhor
    – RIZZO
    2/12/2015 às 23:33
  • 1
    Não relacionado com seu problema, mas não menos importante: Seu sistema tem apenas 1 aluno? 2/12/2015 às 23:43
  • 1
    Então você tem um problema, essa consulta: $consulta2 ='Select ID from ALUNO;'; está trazendo todos os alunos, e o while que você faz seleciona apenas o último. Em algum lugar você deve filtrar essa consulta. Outra coisa, você não deveria usar as funções mysql_* elas foram depreciadas, use as funções mysqli_* ou o PDO 2/12/2015 às 23:55

2 Respostas 2

2

Utilizando o jQuery podes criar um contador para quando a página é carregada, e registra o tempo sempre que a página é actualizada ou mesmo fechada, tendo novamente início quando reaberta «1».

<script>
var inicio;
$(document).ready(function(){
    inicio = new Date();
    inicio = inicio.getTime();
    $(window).unload(function(){
    fim = new Date;
    fim = fim.getTime();
    $.ajax({
    url: 'time.php',
    data: {'time': fim - inicio},
    success: function(i){$('#demo').html(i);}
    });

    });
});
</script>

Podes ir registrando o tempo, através de configurações PHP. Como o tempo é-nos fornecido em ms basta converter para s e depois para um formato de hora, assim pode-se saber exactamente quantos segundos, minutos ou horas foram gastos(as) «2».

<?php
# converter o tempo para um formato legivel
function converter($tempo)
{
    $hora = 0;
    $tempo = $tempo / 1000;
    $ms = str_replace('0.', '', $tempo - floor($tempo));
    if($tempo > 3600)
    {
        $hora = floor($tempo / 3600);
    }
    $tempo = $tempo % 3600;
    $out = str_pad($hora, 2, '0', STR_PAD_LEFT) . gmdate(':i:s', $tempo) . ($ms ? ".$ms" : '');
    return $out;
}
if(isset($_GET['time'])){
    $file = fopen('time.txt', 'w');
    if($file){
        fwrite($file, converter($_GET['time']));
        fclose($file);
    }
}

?>
0

Voce pode mostrar o contador de tempo em uma div qualquer e depois pegar o valor no evento de click ou na hora de enviar os dados para o php.

Exemplo:

var startTime;

function display() {
  var endTime = new Date();
  var timeDiff = endTime - startTime;
  timeDiff /= 1000;
  var seconds = Math.round(timeDiff % 60);
  timeDiff = Math.floor(timeDiff / 60);
  var minutes = Math.round(timeDiff % 60);
  timeDiff = Math.floor(timeDiff / 60);
  var hours = Math.round(timeDiff % 24);
  timeDiff = Math.floor(timeDiff / 24);
  $("#time").text(hours + ":" + minutes + ":" + seconds);
  setTimeout(display, 1000);
}

startTime = new Date();
setTimeout(display, 1000);

$("#button").click(function() {
  alert("Meu tempo é: " + $("#time").text());
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<div id="time"></div>
<button type="button" id="button">Pega Valor</button>

Ja da uma boa base no que se pode fazer, se voce precisar formatar o valor da data de uma olhada na documentacao do Date do js.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .