Cronometro Digital infinito
Boa dia,
Estou começando agora em JavaScript e queria fazer um cronometro que nunca pare, vou tentar explicar melhor. Exemplo eu tenho um post e quero mostrar nele o tempo que ele esta no ar, mas isso que fazer em horas. mas quero deixar isso rodando infinitamente. então se o usuário entra hoje vai estar rodando ex: 11:34:00, ai se eles entrar depois de 2 dias vai mostra 37:34:00 mais isso fica rodando, se ele ficar com a pagina aberta ele vai ficar vendo os números rodar.
*O que eu sei até agora? R:Quase nada.
*O que eu tenho? R: Um script que quando entra na pagina dispara.(mas não isso que eu preciso, preciso que fique rodando independeste de ser usuário A, B ou C acessarem a página.
Segue script que eu tenho.
desde já agradeço e peço desculpa se tiver postado no lugar errado.
Obrigado.
<!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>Cronometro Infinito</title>
<style type="text/css">*{
margin:0;
padding:0;
}body{
background:#CCC;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
}
#topo{
background:#069;
height:100px;
line-height:100px;
border-bottom:2px solid #006;
}h2 a{
color:#069;
text-decoration:none;
}h2 a:hover{
color:#006;
}input{
background:#ccc;
width:600px;
height:200px;
line-height:200px;
font-size:150px;
border:none;
}
</style>
<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>
</head>
<body name="form" onload="setInterval('tempo()',983);return false;">
<div id="topo">
<h1>Cronômetro Digital Online com Javascript</h1>
</div>
<form name="form">
<input type="text" name="cronometro" value="00:00:00" />
<br />
</form>
<br />
</body>
</html>Discussão (7)
Carregando comentários...