Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Modestinha

[Resolvido] Cronômetro

Por , em Javascript

Recommended Posts

Modestinha    0

Modestinha
Postado

Boa tarde, pessoal! Alguém me ajude, pelo amor de Deus. Já tentei de inúmeras formas fazer um cronômetro e dá erro. Não funciona ou diz objeto esperado. Vou postar alguns códigos e se alguém puder me ajudar com eles ou postar outro, agradecerei muito!

 

É muito importante.

 

Grata, Modestinha.

 

Abaixo, os códigos:

 


<!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>Untitled Document</title>
</head>

<script>

var inicio = 0;
var horaInicio = 0;
var minutoInicio = 0;
var segundoInicio = 0;

var atual = 0;
var horaAtual = 0;
var minutoAtual = 0;
var segundoAtual = 0;

var horaCron = 0;
var minutoCron = 0;
var segundoCron = 0;

 function HoraAtual()
 {
 atual = new Date();
 horaAtual = atual.getHours();
 minutoAtual = atual.getMinutes();
 segundoAtual = atual.getSeconds();
 
 } 
 
 function Cronometro()
 {
 HoraAtual();
 
 horaCron = horaInicio - horaAtual;
 minutoCron = minutoInicio - minutoAtual;
 segundoCron = segundoInicio - segundoAtual;
 
 document.write(horaCron + ":" + minutoCron + ":" + segundoCron);
 
 setInterval("Cronometro()", 1000);
 }
 
 function Inicio() 
 {
 inicio = new Date();
 horaInicio = inicio.getHours();
 minutoInicio = inicio.getMinutes();
 segundoInicio = inicio.getSeconds();
 
 Cronometro();
 }
 
 
 </script>

<body>

<form id="form1" name="form1" method="post" action="">
 <label>
 <input type="button" name="button" id="button" value="Iniciar" onclick="Inicio()" />
 </label>
</form>

</body>
</html>

 

 

 

<html>
<head>
<title>Atletismo</title>
</head>

<body>

<script language="Javascript">
var timeCrono; 
var hor = 0;
var min = 0;
var seg = 0;
var startTime = new Date(); 
var start = startTime.getSeconds();
StartCrono();
function StartCrono() {
if (seg + 1 > 59) { 
min+= 1;
}
if (min > 59) {
min = 0;
hor+= 1;
}
var time = new Date(); 
if (time.getSeconds() >= start) {
seg = time.getSeconds() - start;
} 
else {
seg = 60 + (time.getSeconds() - start);
}
timeCrono= (hor < 10) ? "0" + hor : hor;
timeCrono+= ((min < 10) ? ":0" : ":") + min;
timeCrono+= ((seg < 10) ? ":0" : ":") + seg;
document.write (timeCrono);
setTimeout("StartCrono()",1000);
} 
</script>

StartCrono();
</body>
</html>

 

 


<html>

<head>
<title>Atletismo</title>

<script language="javascript">

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

function Cronometro()
{

 if (segundo != 59) 
 {
 segundo++;
 }	
 else {
 if (segundo == 59 && minuto != 59)
 {
 segundo = 0;
 minuto++;
 }
 else {
	if (minuto == 59)
 {
 segundo = 0;
 minuto = 0;
 hora++;
 }
 else {
	
	if (hora == 23)
	
	{
 hora = 0;
alert("J");
 document.write (hora +":"+ minuto +":"+ segundo);

 }

}

}

}

setInterval("Cronometro()", 1000);

}

</script>

</head>



<body onLoad=Cronometro()>
</body>
</html>

 

<html>
<head>
<title>Atletismo</title>
</head>

<script language="javascript">

var inicio = new Date();

function Relogio()
{

 cronometro = new Date();
 
 hora = cronometro.getHours() - inicio.getHours();
 minuto = cronometro.getMinutes() - inicio.getMinutes();
 segundo = cronometro.getSeconds() - inicio.getSeconds();
 
 horaCronometro = hora + ':' + minuto + ':' + segundo;
 
 document.write ('<h1> '+ horaCronometro + '</h1>');
 
 setTimeout("Relogio()",1000);
 
}


</script>

<body onLoad="Relogio()">

</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Modestinha    0

Modestinha
Postado

Boa tarde, João Batista Neto. Venho me desculpar por ter desrespeitado as regras do fórum. É que preciso muito da resposta e, muito empolgada, postei sem ler as regras. Peço desculpas mais uma vez e espero não causar mais transtornos.

 

Certa de sua compreensão, agradeço.

 

Modestinha.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Holt    1

Holt
Postado

PHP? Tem certeza?

 

Movam pra Javascript Imagem Postada

Compartilhar este post

Link para o post
Compartilhar em outros sites

Modestinha    0

Modestinha
Postado

Bem, é que a idéia era fazer em php, mas acredito que em JavaScript seja bem mais fácil. Além do mais o resto do código que farei será em php. Se você souber fazer em php, poste algo, por favor.

 

Bom fim de semana!!!

 

Abraço.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bruno Augusto    417

Bruno Augusto
Postado

Cronômetro em PHP não é impossível, só é impraticável.

 

Se você vai interagir o cronômetro que deveria ser feito em JavaScript com alguma rotina PHP, o mais correto seria você armazenar no banco de dados o timestamp de início e usar esse parâmetro como valor de início do mesmo.

 

Se quiser fazer um contador de tempo, a idéia é a mesma, mas adicionaria-se um timestamp de término.

 

Dessa forma, mesmo que o usuário malandro use o relógio do PC para ir alguns minutos à frente, não dará certo, pois sua rotina PHP verificaria o se o timestamp desejado e faria a contagem "corretamente".

 

Isso é especialmente útil com Contadores de tempo também Imagem Postada

 

Em todo caso, estarei movendo

 

PHP :seta: JavaScript

Compartilhar este post

Link para o post
Compartilhar em outros sites

augustoclaro    2

augustoclaro
Postado

Olá amigo!

 

Eu fiz um cronometro bem simples aqui, espero que te ajude:

 

<html>
<head>
<title>Cronometro</title>
<script>
function formatatempo(segs) {
min = 0;
hr = 0;
/*
if hr < 10 then hr = "0"&hr
if min < 10 then min = "0"&min
if segs < 10 then segs = "0"&segs
*/
while(segs>=60) {
if (segs >=60) {
segs = segs-60;
min = min+1;
}
}

while(min>=60) {
if (min >=60) {
min = min-60;
hr = hr+1;
}
}

if (hr < 10) {hr = "0"+hr}
if (min < 10) {min = "0"+min}
if (segs < 10) {segs = "0"+segs}
fin = hr+":"+min+":"+segs
return fin;
}
var segundos = 0; //inicio do cronometro
function conta() {
segundos++;
document.getElementById("counter").innerHTML = formatatempo(segundos);
}

function inicia(){
interval = setInterval("conta();",1000);
}

function para(){
clearInterval(interval);
}

function zera(){
clearInterval(interval);
segundos = 0;
document.getElementById("counter").innerHTML = formatatempo(segundos);
}
</script>
</head>
<body>
<span id="counter">00:00:00</span><br>
<input type="button" value="Parar" onclick="para();"> <input type="button" value="Iniciar" onclick="inicia();"> <input type="button" value="Zerar" onclick="zera();">
</body>
</html>
É isso aí =D

Compartilhar este post

Link para o post
Compartilhar em outros sites

marryped    0

marryped
Postado

Olá, tudo bem?

Sou nova membro deste fórum e estou precisando de ajuda.

Estou fazendo minha loja em magento.

e gostaria de colocar um cronometro na primeira página como umbanner para cronometrar o prazo de promoção.

podem me ajudar ?

Obrigada

Marryped

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito