Então, é o seguinte: quem estiver fazendo uma agenda ou precisar de um cronômetro e num tiver idéia por onde começar, pode usar o meu:
[codebox]<style type="text/css">
<!--
body {
font-family:verdana;
font-size:7pt;
color:#999999;
}
h2 {
color:#FF6600;
}
a:link, a:visited {
font-weight:bold;
text-decoration:none;
color:#999999;
}
a:active, a:hover {
text-decoration:none;
color:#FF6600;
font-weight:bold;
}
#crono {
border:1px solid #999999;
font-family:verdana;
font-size:8pt;
}
#instr {
border:0px solid #FFFFFF;
font-family:verdana;
font-size:7pt;
}
#start,#pause,#pontozero {
border:1px solid #999999;
background-color:#FFFFFF;
font-size:7pt;
font-family:verdana;
color:#FF6600;
}
//-->
</style>
<script language="javascript">
<!--
// Variáveis globais
var hrs=0;
var mins=0;
var segs=0;
var timer;
// Funções do Cronômetro
function turnTo(act,id) {
document.getElementById(id).disabled=act;
}
function textReplace(vlu,id) {
document.getElementById(id).value=vlu;
}
function cronometro() {
var acoes=new Array(true,false,false);
var ids=new Array("start","pause","pontozero");
var j=0;
while(j<acoes.length) {
turnTo(acoes[j],ids[j]);
j++;
}
cronoStart();
}
function cronoStart() {
segs++;
if(segs == 60) {
mins++;
segs=0;
if(mins == 60) {
hrs++;
mins=0;
}
}
var formSegs=(segs < 10) ? "0"+segs : segs;
var formMins=(mins < 10) ? "0"+mins : mins;
var formHrs=(hrs < 10) ? "0"+hrs : hrs;
textReplace(formHrs+":"+formMins+":"+formSegs,"crono");
textReplace("O cronômetro está funcionando.","instr");
timer=window.setTimeout("cronoStart();",1000);
}
function cronoPause() {
window.clearTimeout(timer);
var acoes=new Array(false,true,false);
var ids=new Array("start","pause","pontozero");
textReplace("O cronômetro está pausado.","instr");
var k=0;
while(k<acoes.length) {
turnTo(acoes[k],ids[k]);
k++;
}
}
function cronoZero() {
window.clearTimeout(timer);
segs=0;
mins=0;
hrs=0;
textReplace("00:00:00","crono");
textReplace("O cronômetro está parado.","instr");
var acoes=new Array(false,true,true);
var ids=new Array("start","pause","pontozero");
var l=0;
while(l<acoes.length) {
turnTo(acoes[l],ids[l]);
l++;
}
}
//-->
</script>
<h2>Cronômetro</h2>
Criado por <a href="java script:alert('E-mail: ftoledo@gmail.com');">Fernando Martins de Toledo</a><br><br>
<fieldset>
<legend><input type="text" readonly="true" value="00:00:00" id="crono"></legend>
<table border="0" width="100%">
<tr>
<td>
<input type="button" id="start" value=" Iniciar " onclick="cronometro();">
<input type="button" id="pause" disabled="true" value=" Pausar " onclick="cronoPause();">
<input type="button" id="pontozero" disabled="true" value=" Zerar " onclick="cronoZero();">
</td>
<td><input readonly="true" value="O cronômetro está parado." type="text" name="instrucao" id="instr" size="50"></td>
</tr>
</table>
</fieldset>[/codebox]
Foi testado no:
-Internet Explorer
-Mozilla Firefox
Espero que tenham gostado...
Quaisquer coisas, gente, me mandem um e-mail: ftoledo@gmail.com
Se estiver ao meu alcance, eu faço o script e posto aki, blz?
[]'s a todos e um ótimo 2006!
- HaroNism likes this