Cerca nel forum:
Cerca


« Precedente :: Successivo »  
Autore Messaggio
Messaggio14/09/2008, alle 22:35 (UTC)    
Oggetto: Orologio analogico con spostamento attraverso lo schermo

Codice JavaScript che mostra un orologio a forma analogica (con i loro aghi e le loro 12 ore) sul lato destro dello schermo e si muove al momento in cui ci muoviamo verticalmente attraverso lo schermo.

Codice:
<! - Metti sull'etichetta <HEAD> ->

<script language="JavaScript">

/ / Statico orologio analogico di kurt.grigg @ virgin.net

fCol ='000000 '/ / la faccia di colore.
Scola = 'ff0000' / / colore secondi.
mCol ='000000 '/ / colore minuti.
hCol ='000000 '/ / ora colore.


H ='....';
H = H.split ('');
M ='.....';
M = M.split ('');
S ='......';
S = S.split ('');
Ypos = 0;
Xpos = 0;
Ybase = 8;
Xbase = 8;
PUNTI = 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 <punti i + +) (
document.write ( '<layer name=nsDigits'+i+' top=0 left=0 height=30 width=30> <center> face=Arial,Verdana <font 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>');
)
)
il resto (
document.write ( '<div style="position:absolute;top:0px;left:0px"> <div style="position:relative">');
for (i = 1; i <+1 punti i + +) (
document.write ( '<div id = "ieDigits" style = "posizione: assoluta; top: 0px; sinistra: 0px; larghezza: 30px; altezza: 30px; font-family: Arial, Verdana; font-size: 10px; colore : '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>')
)
Funzione orologio () (
tempo = new Date ();
sec = time.getSeconds ();
sec = -1.57 + Math.PI * secs/30;
min = time.getMinutes ();
min = -1.57 + Math.PI * mins/30;
h = time.getHours ();
ore = -1,57 + Math.PI * h / 6 + Math.PI * parseInt (time.getMinutes ()) / 360;
if (NS) (
Ypos window.pageYOffset + = window.innerHeight-60;
Xpos = window.pageXOffset + window.innerWidth-80;
)
il resto (
Ypos = document.body.scrollTop + window.document.body.clientHeight-60;
Xpos = document.body.scrollLeft + window.document.body.clientWidth-60;
)
if (NS) (
for (i = 0; i <punti; + + i) (
  document.layers [ "nsDigits" + i]. ypos = top-5 +40 * Math.sin (-0.49 + + i/1.9 punti);
  document.layers [ "nsDigits" + i]. xpos = sinistra-15 +40 * Math.cos (-0.49 + + i/1.9 punti);
  )
for (i = 0; i <S.length i + +) (
  document.layers [ "nx" + i]. ypos = top + i * Ybase * Math.sin (sec);
  document.layers [ "nx" + i]. xpos = sinistra & I Xbase * * Math.cos (sec);
  )
for (i = 0; i <m.length i + +) (
  document.layers [ "n" + i]. ypos = top + i * Ybase * Math.sin (min);
  document.layers [ "n" + i]. xpos = sinistra & I Xbase * * Math.cos (min);
  )
for (i = 0; i <H.length i + +) (
  document.layers [ "it" + i]. ypos = top + i * Ybase * Math.sin (pm);
  document.layers [ "it" + i]. xpos = sinistra & I Xbase * * Math.cos (pm);
  )
)
il resto (
for (i = 0; i <punti; + + i) (
  ieDigits [i]. style.pixelTop = ypos-15 +40 * Math.sin (-0.49 + + i/1.9 punti);
  ieDigits [i]. style.pixelLeft = xpos-14 +40 * Math.cos (-0.49 + + i/1.9 punti);
  )
for (i = 0; i <S.length i + +) (
  x [i]. style.pixelTop = ypos + i Ybase * * Math.sin (sec);
  x [i]. style.pixelLeft = xpos Xbase + i * * Math.cos (sec);
  )
for (i = 0; i <m.length i + +) (
  e [i]. style.pixelTop = ypos + i Ybase * * Math.sin (min);
  e [i]. style.pixelLeft = xpos Xbase + i * * Math.cos (min);
  )
for (i = 0; i <H.length i + +) (
  z [i]. style.pixelTop = ypos + i Ybase * * Math.sin (pm);
  z [i]. style.pixelLeft = xpos Xbase + i * * Math.cos (pm);
  )
)
setTimeout ( 'orologio ()', 50);
)
if (document.layers | | document.all) window.onload = orologio;
//-->
</ Script>
Mostra prima i messaggi di:   


Powered by phpBB © 2001, 2005 phpBB Group
phpbb.it