como faço para o meu cronometro funcionar como um relógio, sem descer de linhas? <html> <head> <title>Cronometro</title> </head> <script language="javascript"> relogio = new Date(); function iniciaCronometro() { c…

Duvida simples sobre cronometro (JAVASCRIPT)

<html> <head> <title>Cronometro</title> </head> <script language="javascript"> relogio = new Date(); function iniciaCronometro() { crono = new Date(); horaOficial = relogio.getHours(); minutoOficial = relogio.getMinutes(); segundoOficial = relogio.getSeconds(); segundoDif = crono.getSeconds() - relogio.getSeconds(); crono.setHours(0, 0, 10, 0); hora = crono.getHours(); minuto = crono.getMinutes(); segundo = crono.getSeconds() - segundoDif; horaRelogio = hora + ':' + minuto + ':' + segundo; document.write ('<h1>' + horaRelogio + '<h1>'); timer = setTimeout("iniciaCronometro()", 1000); if (segundo == 0) { finaliza(); } } function finaliza() { clearTimeout(timer); } </script> <body> <script language="javascript"> iniciaCronometro(); </script> </body> </html>

1 Resposta

charlesbraw 11 de out. de 2010

oi arthuraml,
o que você pode fazer para resolver esse problema é deixar o relógio dentro de uma div só para ele.
veja algumas alterações que fiz…

<html>
<head>
<title>Cronometro</title>
</head>

<script type="text/javascript" language="javascript">
	
	var relogio = new Date();
	function iniciaCronometro() {
		
		var crono = new Date();
		
		horaOficial = relogio.getHours();
		minutoOficial = relogio.getMinutes();
		segundoOficial = relogio.getSeconds();
		
		segundoDif = crono.getSeconds() - relogio.getSeconds();
		
		crono.setHours(0, 0, 10, 0);
		
		hora = crono.getHours();
		minuto = crono.getMinutes();
		segundo = crono.getSeconds() - segundoDif;
		
		horaRelogio = hora + ':' + minuto + ':' + segundo;
		document.getElementById('cronometro').innerHTML = horaRelogio; // COLOCO O RELÓGIO NA DIV
		
		timer = setTimeout("iniciaCronometro()", 1000);
		
		if (segundo == 0) {
			finaliza();
		}
	}
	
	function finaliza() {
		clearTimeout(timer);
	}
</script>

<body onload="iniciaCronometro();">
<div id="cronometro">
</div>
</body>
</html>

Coloquei a função dentro da propriedade onload do body, assim a página já carregou a div.

1 Resposta

Topicos relacionados