Cronometro Em Java Script

Junho 18, 2003

:blink: Olá pessoal, preciso criar uma funçaoi em java script que marque o tempo que o usuário fica logado... pensei em uma função tipo contador que vai incrementando "1" a cada segundo quando chega a 59 incremeta "1" em minutos que por sua vez quando chaga a 59 incrementa "1" em horas. o problema que que não consigo aplicar esse algoritimo no java... se alguém puder ajudar... parece que falta um tal comando delay ou seila o que ... elechama a função a cada milile segundo

Brigadão

AnaoScript · Junho 26, 2003

aí você bolou o algoritimo e eu vou screver para você beleza ficaria assim

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<script language="JavaScript">
<!--
var segundo = 0
var minuto = 0
var hora = 0

function tempo(){
if (segundo <= 59){
segundo++
} else if (segundo == 60 && minuto <= 59){
segundo = 0
minuto++
} else if (minuto == 60){
minuto = 0
hora++
}else if (hora == 23){
hora = 0
}
 form1.tempo.value = hora +":"+ minuto +":"+ segundo
}
//-->
</script>
<meta name="GENERATOR" content="MAX's HTML Beauty++ ME">
</head>

<body onload="setInterval('tempo();',1000)"><!--o tempo é definido em milissegundos--->
<form name="form1">
<input type="text" name="tempo" value="">
</form>
</body>
</html>

aí brother agora é só você colocar a ação de acordo com o tempo que estiver na varivel segundo ou minuto ou hora.

espero que tenha sido util pois eu começei com java script a pouco temp em tão eu fico ns foruns pegando a perguntas e tentando resolver assim aperfeçoo meu conhecimento

qualquer duvida já sabe

Administrador · Outubro 6, 2006

O código original estava somando 1 segundo e 1 minuto a cada loop.

Resolvi corrigir por possuir uma boa relevância nas buscas do Google (Pagerank).


<script type="text/javascript">
<!--
var segundo = 0;
var minuto = 0;
var hora = 0;

function tempo()
{
    if (segundo <= 58)
        segundo++;
    else if (segundo == 59 && minuto <= 58)
    {
        segundo = 0;
        minuto++;
    }
    else if (minuto == 59)
    {
        segundo = 0;
        minuto = 0;
        hora++;
    }
    else if (hora == 23)
        hora = 0;

    form1.tempo.value = hora +"h "+ minuto +"min "+ segundo;
}
//-->
</script>
[/code]

Souz@NET · Janeiro 15, 2009

E ai Galera...Dei uma Reformulada no código... Para Aparecer como um Relógio. E outra coisa como usei em um projeto asp.net o controle você tem que colocar o que o brower copila para que o código JavaScript interprete corretamente.

ou seja de form1.tempo.value passou para aspnetForm.ctl00$ContentPlaceHolder1$txtTcorrido.value

o controle que usava era <input type="text" name="tempo" value=""> do html puro mesmo, mas no asp.net

seria assim <asp:TextBox ID="txtTcorrido" name="txtTcorrido" runat="server" Text=""></asp:TextBox>

o codigo do body caso use uma MasterPage coloque na nela normalmente chamando o metodo do JavaScript.

<body  onload="setInterval('tempo();',1000)">

na tela Vai mostar 00:00:00 antes mostrava 0:0:0

<script language="JavaScript">

var segundo = 0
var minuto = 0
var hora = 0

function tempo()
{
    if (segundo <= 58)
    {
        segundo++
    } 
    else if (segundo == 59 && minuto <= 59)
    {
        segundo = 0
        minuto++
    } 
    else if (minuto == 59)
    {
        minuto = 0
        hora++
    }
    else if (hora == 23)
    {
        hora = 0
    }
    
    if(segundo < 10 && minuto < 10)
    {
        aspnetForm.ctl00$ContentPlaceHolder1$txtTcorrido.value = "0" + hora + ":0" + minuto + ":0" + segundo
    }
    else if(segundo > 9 && minuto < 10)
    {
        aspnetForm.ctl00$ContentPlaceHolder1$txtTcorrido.value = "0" + hora + ":0" + minuto + ":" + segundo
    }
    else if(segundo < 10 && minuto > 9)
    {
         aspnetForm.ctl00$ContentPlaceHolder1$txtTcorrido.value = "0" + hora + ":" + minuto + ":0" + segundo
    }
}
</script>

Até Mais...

Souz@NET

Editado Janeiro 16, 2009 por Jonathan Queiroz
Adcionar tag's (Jonathan)

skater · Junho 6, 2012

Não entendo muito de javascript..

O código funcionou direito quando era assim: " form1.tempo.value = hora + ":" + minuto + ":" + segundo "

Mas eu coloquei na master page, onde tem as tags <body> <form> que funcionou direito...

Mas eu quero colocá-lo na minha pagina aspx e não tenho muito conhecimento...

Quando mudo para: "aspnetForm.ctl00$ContentPlaceHolder1$txtTcorrido.value = "0" + hora + ":0" + minuto + ":0" + segundo"

da o seguinte erro: Microsoft JScript runtime error: 'aspnetForm' is undefined

Talves não esteja renomeando os campos direitos, nem colocando nos lugares certo...alguém pode ajudar?

fiote · Junho 8, 2012

(deletem esse post)

Editado Junho 10, 2012 por fiote

Entrar

Cronometro Em Java Script

Pergunta

Guest Ricardo

Link para o comentário

Compartilhar em outros sites

5 respostass a esta questão

Posts Recomendados

AnaoScript

Link para o comentário

Compartilhar em outros sites

Administrador

Link para o comentário

Compartilhar em outros sites

Souz@NET

Link para o comentário

Compartilhar em outros sites

skater

Link para o comentário

Compartilhar em outros sites

fiote

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades