Função JavaScript
<script type="text/javascript"> function ligar_relogio(){ UR_Nu = new Date; UR_Indhold = showFilled(UR_Nu.getHours()) + ":" + showFilled(UR_Nu.getMinutes()) + ":" + showFilled(UR_Nu.getSeconds()); document.getElementById("relogio").innerHTML = UR_Indhold; setTimeout("ligar_relogio()",1000); } function showFilled(Value){return (Value > 9) ? "" + Value : "0" + Value;} </script>
Estilo CSS
<style>#relogio{font-size:30px;font-family:Verdana, Arial, sans-serif;color:#DAD3B7;}</style>
Span que mostra o relógio <span> <span id="relogio"></span> <script>ligar_relogio();</script> </span>Para inserir este simples relógio em sua página ou blog, insira um Gadget, nas opções escolha para uso de HTML / Javascript, no campo do código, insira o script abaixo e salve o Gadget.
<span id="span_relogio">
<script type="text/javascript">
function ligar_relogio(){
UR_Nu = new Date;
UR_Indhold = showFilled(UR_Nu.getHours()) + ":" + showFilled(UR_Nu.getMinutes()) + ":" + showFilled(UR_Nu.getSeconds());
document.getElementById("relogio").innerHTML = UR_Indhold;
setTimeout("ligar_relogio()",1000);
}
function showFilled(Value){return (Value > 9) ? "" + Value : "0" + Value;}
</script>
<span id="relogio"></span>
<script>ligar_relogio();</script>
</span>
Feito isso, o relógio já irá aparecer no seu blog, caso deseje colocar um estilo melhor no relógio, ainda no painel, vá em Editar HTML e coloque o o STYLE entre as tags <head> e </head> do seu HTML.<style>#relogio{font-size:30px;font-family:Verdana, Arial, sans-serif;color:#DAD3B7;}</style>
Altere o style como desejar. Abraço.
1 comentários:
cara esse codigo pega a horario do pc aonde ele se conecta ne?
estou trabalhando em um com jsf e js consegui trazer a hora do servidor mas na hora do servidor nao consigo fazer o dinamismo nele D:
Postar um comentário
Leia as regras:
Todos comentários são lidos e moderados previamente.
são publicados aqueles que respeitam as regras abaixo:
-Seu comentário precisa ter relação com o assunto do post;
-Não inclua links desnecessários no conteúdo do seu comentário
-Se quiser deixar sua URL, comente usando a opção Comentar como:OpenID
OBS: comentários dos leitores não refletem as opniões do blog.