Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title>Cronometro</title>
- <style type="text/css">
- table,td,tr{
- border: 1px solid black;
- width: 300px;
- height: 50px;
- margin: auto;
- text-align: center;
- border-color: blue;
- background-color: lightblue;
- color: white;
- }
- td,tr{
- background-color: black;
- }
- p{
- text-align: center;
- }
- </style>
- </head>
- <body style="background-color:black;" onload="startTime()">
- <table>
- <tr>
- <td>
- Hora:
- </td>
- </tr>
- <tr>
- <td id="horario">
- </td>
- </tr>
- </table>
- <table>
- <tr>
- <td id="h">00</td>
- <td id="m">00</td>
- <td id="s">00</td>
- <td id="c">00</td>
- </tr>
- </table>
- <p><input type="button" name="start" value="start" onclick="myFunction();">
- <input type="button" name="parar" value="stop" onclick="stop();">
- <input type="button" name="reset" value="reset" onclick="reset();">
- <input type="button" name="troll" value="teste" onclick="troll();" >
- <input type="button" name="register" value="register" onclick="registo();" >
- </p>
- <table>
- <tr>
- <td >Tempo</td>
- <td>Hora</td>
- </tr>
- <tr>
- <td id="tmp1"></td>
- <td id="hor1"></td>
- </tr>
- <tr>
- <td id="tmp2"></td>
- <td id="hor2"></td>
- </tr>
- <tr>
- <td id="tmp3"></td>
- <td id="hor3"></td>
- </tr>
- <tr>
- <td id="tmp4"></td>
- <td id="hor4"></td>
- </tr>
- </table>
- <script type="text/javascript">
- var c=0;
- var s=0;
- var m=0;
- var h=0;
- var z=0;
- var mytime;
- function myFunction() {
- mytime=setInterval(contagem, 10);
- }
- function contagem(){
- c++;
- if(c==100){
- c=0;
- s++;
- }
- if(s==60){
- s=0;
- m++;
- }
- if (m==60) {
- m=0;
- h++;
- }
- if (h==24) {
- h=0;
- }
- if(c<10){
- document.getElementById('c').innerHTML='0'+c;
- }
- else {
- document.getElementById('c').innerHTML=c;
- }
- if(s<10){
- document.getElementById('s').innerHTML= '0' +s;
- }
- else
- document.getElementById('s').innerHTML=s;
- if (m<10) {
- document.getElementById('m').innerHTML='0'+m;
- }
- else {
- document.getElementById('m').innerHTML=m;
- }
- if (h<10) {
- document.getElementById('h').innerHTML='0'+h;
- }
- else
- document.getElementById('h').innerHTML=h;
- }
- function troll(){
- h=23;
- m=59;
- document.getElementById('h').innerHTML=h;
- document.getElementById('m').innerHTML=m;
- }
- function stop(){
- clearInterval(mytime);
- }
- function registo(){
- if(z>=4)
- z=0;
- z++;
- if(h<10 && m<10 && s<10 && c<10){
- document.getElementById('tmp' + z).innerHTML='0'+h+':'+'0'+m+':'+'0'+s+':'+'0'+c;
- }
- if(h<10 && m<10 && s<10 && c>10){
- document.getElementById('tmp' + z).innerHTML='0'+h+':'+'0'+m+':'+'0'+s+':'+c;
- }
- if(h<10 && m<10 && s>10 && c<10){
- document.getElementById('tmp' +z).innerHTML='0'+h+':'+'0'+m+':'+s+':'+'0'+c;
- }
- if(h<10 && m>10 && s<10 && c<10){
- document.getElementById('tmp' + z).innerHTML='0'+h+':'+m+':'+'0'+s+':'+'0'+c;
- }
- if(h>10 && m<10 && s<10 && c<10){
- document.getElementById('tmp' + z).innerHTML=h+':'+'0'+m+':'+'0'+s+':'+'0'+c;
- }
- if(h<10 && m<10 && s>10 && c>10){
- document.getElementById('tmp' + z).innerHTML='0'+h+':'+'0'+m+':'+s+':'+c;
- }
- if(h<10 && m>10 && s<10 && c>10){
- document.getElementById('tmp' + z).innerHTML='0'+h+':'+m+':'+'0'+s+':'+c;
- }
- if(h>10 && m<10 && s<10 && c>10){
- document.getElementById('tmp' + z).innerHTML=h+':'+'0'+m+':'+'0'+s+':'+c;
- }
- if(h<10 && m>10 && s>10 && c<10){
- document.getElementById('tmp' + z).innerHTML='0'+h+':'+m+':'+s+':'+'0'+c;
- }
- if(h>10 && m<10 && s>10 && c<10){
- document.getElementById('tmp' + z).innerHTML=h+':'+'0'+m+':'+s+':'+'0'+c;
- }
- if(h>10 && m>10 && s<10 && c<10){
- document.getElementById('tmp' + z).innerHTML=h+':'+m+':'+'0'+s+':'+'0'+c;
- }
- if(h<10 && m>10 && s>10 && c>10){
- document.getElementById('tmp' + z).innerHTML='0'+h+':'+m+':'+s+':'+c;
- }
- if(h>10 && m<10 && s>10 && c>10){
- document.getElementById('tmp' + z).innerHTML=h+':'+'0'+m+':'+s+':'+c;
- }
- if(h>10 && m>10 && s<10 && c>10){
- document.getElementById('tmp' + z).innerHTML=h+':'+m+':'+'0'+s+':'+c;
- }
- if(h>10 && m>10 && s>10 && c<10){
- document.getElementById('tmp' + z).innerHTML=h+':'+m+':'+s+':'+'0'+c;
- }
- if(h>10 && m>10 && s>10 && c>10){
- document.getElementById('tmp' + z).innerHTML=h+':'+m+':'+s+':'+c;
- }
- document.getElementById('hor' + z).innerHTML=document.getElementById('horario').innerHTML;
- }
- function reset(){
- h=00;
- m=00;
- s=00;
- c=00;
- document.getElementById('h').innerHTML='0'+h;
- document.getElementById('m').innerHTML='0'+m;
- document.getElementById('s').innerHTML='0'+s;
- document.getElementById('c').innerHTML='0'+c;
- clearInterval(mytime);
- }
- function startTime() {
- var today = new Date();
- var h = today.getHours();
- var m = today.getMinutes();
- var s = today.getSeconds();
- m = checkTime(m);
- s = checkTime(s);
- document.getElementById('horario').innerHTML =
- h + ":" + m + ":" + s;
- var t = setTimeout(startTime, 500);
- }
- function checkTime(i) {
- if (i < 10) {i = "0" + i}; // add zero in front of numbers < 10
- return i;
- }
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement