refresh de pagina

douglasbergamo · Novembro 5, 2013

tenho uma tela aonde exibe os eventos de alarme e preciso exibir o tempo do atendimento, por isso fiz a subtracao da data do sistema via php subtraindo a data do evento recebido e preciso que exiba como se ofsse um cornometro, já funciona com o php atualizando a pagina com refresh automatico de cinco em cinco segundos, gostaria de fazer em tempo real e que o ideal e usando o ajax, mas não sei como utiliza-lo, gostaria de uma ideia.

segue exemplo abaixo:

TA - JG : 6637 XXX1-Falha - Auto Teste 05 / 11 / 2013 08:10:01- 02:34:36

TA - JO : 1157 XXX8-Evento Gerado Manualmente 05 / 11 / 2013 09:59:18 - 00:45:19

TA - JO : 0907 E130-Alarme DM quanto DOS FUNDO 05 / 11 / 2013 10:20:49 - 00:23:48

TA - JG : 5791 XXX1-Falha - Auto Teste 05 / 11 / 2013 10:23:30 - 00:21:07

TA - SF : 8C95 XXX8-Evento Gerado Manualmente 05 / 11 / 2013 10:38:34 - 00:06:03

TA - JO : E614 E100-Emergência Médica 05 / 11 / 2013 10:40:33 - 00:04:04

Editado Novembro 5, 2013 por douglasbergamo

jefmolino · Novembro 19, 2013

Precisa colocar as bibliotecas do jquery

<html>

<script>
var firstValidation = true;
var timerClear = null;

function starTimerFirstTime(){
    if(firstValidation){
        $( "#timer" ).show();
        startTimeCounter();
        firstValidation = false;
    }
}

function timer(h,m,s)
{
     var timeClock = $("#timerClock");
 
     if( timeClock != null ){
        s += 1;
        if (s == 60){
            s = 0;
            m++;
        }
        if (m == 60){
            m = 0;
            h++;
        }
        if (s.toString().length == 1) { s = '0'+s; }
        if (m.toString().length == 1) { m = '0'+m; }
        timeClock.get(0).innerHTML = h + ":" + m + ":" + s;
        timerClear = setTimeout("timer(" + h + "," + m + "," + s + ")",1000);
    }
}

function loadTimeCounter( ){
    var requestTimeValue = $( "requestTimeValue" ).val();
    
    if( requestTimeValue != null && requestTimeValue.length > 0 ){
        if( $("#timer").val() != null)     $( "#timer" ).show();
        startTimeCounter( );
    }
}

function startTimeCounter( ){
    var requestTimeValue = $("requestTimeValue" ).val();
    
    if( requestTimeValue != null && requestTimeValue.length > 0 ){
        var hoursStr = requestTimeValue.substring( 0, requestTimeValue.indexOf( ":" ) );
        var minutesStr = requestTimeValue.substr( hoursStr.length + 1, 2 );
        var secondsStr = requestTimeValue.substr( requestTimeValue.lastIndexOf( ":" ) + 1, 2 );
        
        if( hoursStr.length == 2 && hoursStr.charAt( 0 ) == "0" ){
            hoursStr = hoursStr.substr( 1, hoursStr.length );
        }
        
        if( minutesStr.length == 2 && minutesStr.charAt( 0 ) == "0" ){
            minutesStr = minutesStr.substr( 1, minutesStr.length );
        }
        
        if( secondsStr.length == 2 && secondsStr.charAt( 0 ) == "0" ){
            secondsStr = secondsStr.substr( 1, secondsStr.length );
        }
        
        var hours = parseInt( hoursStr );
        var minutes = parseInt( minutesStr );
        var seconds = parseInt( secondsStr );
        
        timer( hours, minutes, seconds );
    }
    else{

        timer( 0, 0, 0 );
    }
}


</script>


<body onload="starTimerFirstTime()">


<div id="timer">
    <h1 id="timerClock"></h1>
</div>

<input type="hidden" id="requestTimeValue" />

</body>
</html>

Editado Novembro 19, 2013 por jefmolino

Entrar

refresh de pagina

Pergunta

douglasbergamo

Link para o comentário

Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

jefmolino

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades