Tag Archives: jquery

Relógio com Jquery e Javascript

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!