boa noite, gostaria se possível de um auxilio, estou querendo implementar um cronometro de atendimento básico para os atendentes da empresa, gostaria de um cronometro que muda de cor conforme o tempo for passando.... por exemplo, inicia a contagem em preto, após 10 min. fica em amarelo e após 15 min do inicio da contagem fica vermelho, não sou programador, mas achei consegui iniciar o plano, será que podem auxiliar a incrementar? segue abaixo o código:
<html> <head> <title>Cronometro</title> <script language=JavaScript> <!-- begin var sHors = "0"+0; var sMins = "0"+0; var sSecs = 1; function getSecs(){ sSecs++; if(sSecs==60){sSecs=0;sMins++; if(sMins<=9)sMins="0"+sMins; } if(sMins==60){sMins="0"+0;sHors++; if(sHors<=9)sHors="0"+sHors; } if(sSecs<=9)sSecs="0"+sSecs; clock1.innerHTML=sHors+"<font color=#000000>:</font>"+sMins+"<font color=#000000>:</font>"+sSecs; setTimeout('getSecs()',1000); } //--> </SCRIPT>
Pergunta
dmineo
boa noite, gostaria se possível de um auxilio, estou querendo implementar um cronometro de atendimento básico para os atendentes da empresa, gostaria de um cronometro que muda de cor conforme o tempo for passando.... por exemplo, inicia a contagem em preto, após 10 min. fica em amarelo e após 15 min do inicio da contagem fica vermelho, não sou programador, mas achei consegui iniciar o plano, será que podem auxiliar a incrementar? segue abaixo o código:
<html>
<head>
<title>Cronometro</title>
<script language=JavaScript>
<!-- begin
var sHors = "0"+0;
var sMins = "0"+0;
var sSecs = 1;
function getSecs(){
sSecs++;
if(sSecs==60){sSecs=0;sMins++;
if(sMins<=9)sMins="0"+sMins;
}
if(sMins==60){sMins="0"+0;sHors++;
if(sHors<=9)sHors="0"+sHors;
}
if(sSecs<=9)sSecs="0"+sSecs;
clock1.innerHTML=sHors+"<font color=#000000>:</font>"+sMins+"<font color=#000000>:</font>"+sSecs;
setTimeout('getSecs()',1000);
}
//-->
</SCRIPT>
</head>
<body>
<h2 align="center"> <font color="#065ca5" face="tahoma">Tempo de Atendimento</font></h2>
<hr noshade size="2">
<div align="center"> <FONT SIZE="5" COLOR="#000000" face="arial"> </font> <font color="#000000" size="7">
<font color="#000000" size="5" face="Arial Black"><span id="clock1"></span><script>setTimeout('getSecs()',1000);
</script></font>
<br>
<br>
<br></FONT></div>
</body>
</html>
Link para o comentário
Compartilhar em outros sites
0 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.