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>
I cookie sono piccole informazioni di testo che noi oi nostri partner memorizziamo localmente sul tuo computer tramite il tuo browser.
Puoi impedire l'uso dei cookie in qualsiasi momento modificando le impostazioni nel tuo browser.
Utilizziamo i seguenti cookie conformi al GDPR:
- Cookie essenziali: sono assolutamente necessari affinché il sito web sia completamente funzionale.
- Cookie opzionali: sono facoltativi e ci aiutano a migliorare il sito web, ad es. analizzando il comportamento di utilizzo del sito web senza identificarti personalmente.
Puoi trovare maggiori informazioni nella nostra informativa sulla privacy.