Página inicial
Manual do php com todos os exemplos e funções
Sobre o Código Pronto
Marcadores
css (2)
flash (1)
internet (2)
javascript (58)
photoshop (1)
php (9)
Arquivos
04/2013 (1)
09/2011 (3)
08/2011 (60)
04/2011 (1)
03/2011 (8)

Últimos Artigos
Como saber o tempo de carregamento de uma página em php
29/04/2013

Menu que acompanha o Scroll da página
06/09/2011

PopUp feito com Div que segue a página
06/09/2011

Exemplo Estrutura de Site Tableless
05/09/2011

Efeito luzes de natal em textos
25/08/2011

Efeito de iluminação em links
25/08/2011

http://codigofonte.uol.com.br/codigo/js-dhtml/efeitos/efeito-de-imagem-fugindo-do-mouse
25/08/2011

Efeito de imagem fugindo do mouse
25/08/2011

Efeito de texto seguindo o ponteiro do mouse
25/08/2011

Formulário gerador de Marquees
25/08/2011

Tags
  substr     explode     java     document     preg match     str replace     foreach     setInterval     programação     javascript     php     formulário     strrchr     imput     getElementById     preload     round     explode     document     action script     internet     css     microtime     imagecolorallocate     imagecreate     strlen     video     css     strrchr     time  

Relógio analógico no final da página

Este código está na categoria javascript e mostra o seguinte assunto: Relógio analógico no final da página, em destaque estão os marcadores javascript, código, javascript,


   

Autor:
Fonte: http://codigofonte.uol.com.br/codigo/js-dhtml/data-hora/relogio-analogico-no-final-da-pagina

Veja abaixo o código:

<html>
<title>Relógio Analógico</title>


<body>
<head>

<!--------------------COMEÇA AQUI------------------------->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- 
fCol = '000000';  
sCol = 'ff0000';  
mCol = '000000'; 
hCol = '000000';  
H = '....';
H = H.split('');
M = '.....';
M = M.split('');
S = '......';
S = S.split('');
Ypos = 0;
Xpos = 0;
Ybase = 8;
Xbase = 8;
dots = 12;
ns = (document.layers)?1:0;
if (ns) {
dgts = '1 2 3 4 5 6 7 8 9 10 11 12';
dgts = dgts.split(' ');
for (i = 0; i < dots; i++) {
document.write('<layer name=nsDigits'+i+' top=0 left=0 height=30 width=30><center><font face=Arial,Verdana size=1 color='+fCol+'>'+dgts[i]+'</font></center></layer>');
}
for (i = 0; i < M.length; i++) {
document.write('<layer name=ny'+i+' top=0 left=0 bgcolor='+mCol+' clip="0,0,2,2"></layer>');
}
for (i = 0; i < H.length; i++) {
document.write('<layer name=nz'+i+' top=0 left=0 bgcolor='+hCol+' clip="0,0,2,2"></layer>');
}
for (i = 0; i < S.length; i++) {
document.write('<layer name=nx'+i+' top=0 left=0 bgcolor='+sCol+' clip="0,0,2,2"></layer>');
   }
}
else {
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 1; i < dots+1; i++) {
document.write('<div id="ieDigits" style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-family:Arial,Verdana;font-size:10px;color:'+fCol+';text-align:center;padding-top:10px">'+i+'</div>');
}
document.write('</div></div>')
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < M.length; i++) {
document.write('<div id=y style="position:absolute;width:2px;height:2px;font-size:2px;background:'+mCol+'"></div>');
}
document.write('</div></div>')
document.write('</div></div>')
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < H.length; i++) {
document.write('<div id=z style="position:absolute;width:2px;height:2px;font-size:2px;background:'+hCol+'"></div>');
}
document.write('</div></div>')
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < S.length; i++) {
document.write('<div id=x style="position:absolute;width:2px;height:2px;font-size:2px;background:'+sCol+'"></div>');
}
document.write('</div></div>')
}
function clock() {
time = new Date ();
secs = time.getSeconds();
sec = -1.57 + Math.PI * secs/30;
mins = time.getMinutes();
min = -1.57 + Math.PI * mins/30;
hr = time.getHours();
hrs = -1.57 + Math.PI * hr/6 + Math.PI*parseInt(time.getMinutes())/360;
if (ns) {
Ypos = window.pageYOffset+window.innerHeight-60;
Xpos = window.pageXOffset+window.innerWidth-80;
}
else {
Ypos = document.body.scrollTop + window.document.body.clientHeight - 60;
Xpos = document.body.scrollLeft + window.document.body.clientWidth - 60;
}
if (ns) {
for (i = 0; i < dots; ++i){
document.layers["nsDigits"+i].top = Ypos - 5 + 40 * Math.sin(-0.49+dots+i/1.9);
document.layers["nsDigits"+i].left = Xpos - 15 + 40 * Math.cos(-0.49+dots+i/1.9);
}
for (i = 0; i < S.length; i++){
document.layers["nx"+i].top = Ypos + i * Ybase * Math.sin(sec);
document.layers["nx"+i].left = Xpos + i * Xbase * Math.cos(sec);
}
for (i = 0; i < M.length; i++){
document.layers["ny"+i].top = Ypos + i * Ybase * Math.sin(min);
document.layers["ny"+i].left = Xpos + i * Xbase * Math.cos(min);
}
for (i = 0; i < H.length; i++){
document.layers["nz"+i].top = Ypos + i * Ybase * Math.sin(hrs);
document.layers["nz"+i].left = Xpos + i * Xbase * Math.cos(hrs);
   }
}
else{
for (i=0; i < dots; ++i){
ieDigits[i].style.pixelTop = Ypos - 15 + 40 * Math.sin(-0.49+dots+i/1.9);
ieDigits[i].style.pixelLeft = Xpos - 14 + 40 * Math.cos(-0.49+dots+i/1.9);
}
for (i=0; i < S.length; i++){
x[i].style.pixelTop = Ypos + i * Ybase * Math.sin(sec);
x[i].style.pixelLeft = Xpos + i * Xbase * Math.cos(sec);
}
for (i=0; i < M.length; i++){
y[i].style.pixelTop = Ypos + i * Ybase * Math.sin(min);
y[i].style.pixelLeft = Xpos + i * Xbase * Math.cos(min);
}
for (i=0; i < H.length; i++){
z[i].style.pixelTop = Ypos + i * Ybase*Math.sin(hrs);
z[i].style.pixelLeft = Xpos + i * Xbase*Math.cos(hrs);
   }
}
setTimeout('clock()', 50);
}
if (document.layers || document.all) window.onload = clock;
// -->
</script>
<!--------------------TERMINA AQUI------------------------->

</body>
</html>



Tags: javascript,

Postado em 19/08/2011. | 11049 Visitas | Categoria: javascript

Comentários ( 0 )


Escrever um comentário




digite o código da figura:


©2013 Código pronto - All rights reserved