Galera!
Mais um tutorial simples para que possamos praticar um pouco de Javascript/Jquery
Vamos fazer um Relógio que marca simplesmente a hora de seu navegador (lembrando que é javascript).
Primeiro um html simples!
<html> <head> <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script> </head> <body> <p id="hora"></p> </body> </html>
Acho que o html num precisa de explicação então vamos ao Javascript e JQuery!
$(document).ready(function(){ setInterval( function() { var data = new Date(); var hora = data.getHours(); var minuto = data.getMinutes(); var segundo = data.getSeconds(); $('#hora').html( ( hora < 10 ? "0" : "" ) + hora + " : " + (minuto < 10 ? "0" : "" ) + minuto + " : " + ( segundo < 10 ? "0" : "" ) + segundo); },1000 ); });
É isso ai galera!!! Se quiserem utilizar um CSS e incluirem data fiquem a vontade! ok?
Abraços!