Orologi,Lily of the valley

My Home

Credits&Friends

Contact

Guestbook

Ciao,in questa sezione ho raccolto alcuni script per orologi di diversi generi.
Inizio con un orologio digitale stile inglese.L'effetto lo puoi osservare
nei miei gadget esposti qui sotto. Se te ne piace uno,ovviamente lo puoi prendere,
copia ed incolla il codice dopo <body> dove vuoi!
Lo script lo trovi appena sotto, già inserito in una pagina html,corredato da istruzioni!

Grazie
^_^

Questo è lo script ^__^ :

function sivamtime() {
  now=new Date();
  hour=now.getHours();
  min=now.getMinutes();
  sec=now.getSeconds();

if (min<=9) { min="0"+min; }
if (sec<=9) { sec="0"+sec; }
if (hour>12) { hour=hour-12; add="pm"; }
else { hour=hour; add="am"; }
if (hour==12) { add="pm"; }

time = ((hour<=9) ? "0"+hour : hour) + ":" + min + ":" + sec + " " + add;

if (document.getElementById) { document.getElementById('theTime').innerHTML = time; }
else if (document.layers) {
 document.layers.theTime.document.write(time);
 document.layers.theTime.document.close(); }

setTimeout("sivamtime()", 1000);
}
window.onload = sivamtime;

// -->
</script>
</head>
<body><div id="av_toolbar_regdiv" style="display:none"><div class="av_site"><a target="_blank" href="https://it.altervista.org/crea-sito-gratis.php?utm_campaign=toolbar&utm_source=link&utm_medium=link" title="Apri un sito gratis con Wordpress">Crea sito</a></div></div><style>@media screen and (min-width:768px){body.av-toolbar-ready{position:relative;top:40px}:where(body.av-toolbar-ready){display:flow-root}}</style><script>self.av_toolbar_off||self!==top&&"XYZZY2"!==self.name&&!self.av_toolbar_force||(document.body.classList.add("av-toolbar-ready"),document.head.appendChild(document.createElement("script")).src="https://tb.altervista.org/js/s.js")</script>

<span id="theTime" style="position:absolute; left:10; top:10; font-family: arial; font-size: 9pt"></span>
</body></html>

Questo script invece riproduce un'Orologio Analogico come puoi vedere
dai miei gadget! Se preferisci puoi inserire i numeri romani!


<!--Orologio Analogico Pianeta - Lily of The Valley --> <iframe name="Pianeta" src="http://lilyofthevalley.altervista.org/Orario/orologio_dinamico_pianeta.html " frameborder="0" marginheight="0" marginwidth="0" scrolling="no" width="123 " height="121 " allowtransparency="true"></iframe><br><br> <!-- Orologio Pianeta - Lily of Th Valley -->	<!-- Orologio Analogico Ippo- Lily of The Valley --> <iframe name="Ippopotamo" src="http://lilyofthevalley.altervista.org/Orario/orologio_dinamico_ippopotamino.html " frameborder="0" marginheight="0" marginwidth="0" scrolling="no" width="123 " height="121 " allowtransparency="true"></iframe><br><br> <!-- Orologio Ippo - Lily of Th Valley -->	<!-- Orologio Analogico Fiori- Lily of The Valley --> <iframe name="Fiori" src=" http://lilyofthevalley.altervista.org/Orario/orologio_dinamico_fiori.html" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" width="123 " height="121 " allowtransparency="true"></iframe><br><br> <!-- Orologio Fiori - Lily of Th Valley -->

<!-- Orologio Analogico Gufo- Lily of Th Valley --> <iframe name="Gufo" src="http://lilyofthevalley.altervista.org/Orario/orologio_analogico_romano_gufo.html " frameborder="0" marginheight="0" marginwidth="0" scrolling="no" width="123 " height="124 " allowtransparency="true"></iframe><br><br> <!-- Orologio Analogico Gufo - Lily of Th Valley -->	<!--Orologio Analogico Gatto - Lily of Th Valley --> <iframe name="Gatto" src="http://lilyofthevalley.altervista.org/Orario/orologio_analogico_romano_gatto.html " frameborder="0" marginheight="0" marginwidth="0" scrolling="no" width="123 " height="124 " allowtransparency="true"></iframe><br><br> <!-- Orologio analogico Gatto - Lily of Th Valley -->	<!-- Orologio Analogico Albero- Lily of Th Valley --> <iframe name="Albero" src=" http://lilyofthevalley.altervista.org/Orario/orologio_analogico_romano_alberello.html" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" width="123 " height="124 " allowtransparency="true"></iframe><br><br> <!--Orologio Analogico albero - Lily of Th Valley -->
Questo è lo script ^__^ : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>Orologio dinamico</title> <link rel=stylesheet href="immagini/stiles.css" type="text/css"> <script language="JavaScript" type="text/javascript" src="immagini/strumenti.js"></script> <script language="JavaScript" type="text/javascript" src="immagini/strumenti1.js"></script></head> <body bgcolor="#f9f3d9"><!-- BEGIN AV_TOOLBAR --><div id="av_toolbar_regdiv" style="display:none"><div class="av_site"><a target="_blank" href="https://it.altervista.org/crea-sito-gratis.php?utm_campaign=toolbar&utm_source=link&utm_medium=link" title="Apri un sito gratis con Wordpress">Crea sito</a></div></div><style>@media screen and (min-width:768px){body.av-toolbar-ready{position:relative;top:40px}:where(body.av-toolbar-ready){display:flow-root}}</style><script>self.av_toolbar_off\|\|self!==top&&"XYZZY2"!==self.name&&!self.av_toolbar_force\|\|(document.body.classList.add("av-toolbar-ready"),document.head.appendChild(document.createElement("script")).src="https://tb.altervista.org/js/s.js")</script><!-- END AV_TOOLBAR --> <p> <br><br><br><br><br> </p> <div align="center"> <!-- Fase 1 .... Copia quanto segue ed inseriscilo in body esattamente dove vuoi che si visualizzi l'orologio. /Free JavaScripts at http://www.ScriptBreaker.com / /Nella riga sottostante setti il colore dello sfondo,del bordo,lo spessore e lo stile del bordo. Se desideri usare uno sfondo inserisci background="tuosfondo.estensione" al posto della dichiarazione di colore //--> <table width=121 height=121 bgcolor="#ffffcc" style="border:1px solid darkblue"> <tr> <td valign=top> <!-- La dichiarazione sottostante posiziona l'orologio dentro alla cella della tabella.Non variarla --> <div style="position:relative;left:50;top:50"> <script type="text/javascript" language=JavaScript> fCol='546546'; /* colore dei numeri / sCol='000000'; / colore della lancetta dei secondi / mCol='000000'; / colore della lancetta dei minuti / hCol='cc0033'; / colore della lancetta delle ore / ClockHeight=40; / altezza orologio / ClockWidth=40; / larghezza orologio / ClockFromMouseY=0; /****************** non occorre settare altro **************/ ClockFromMouseX=50; date=new Date(); day=date.getDate(); year=date.getYear(); if (year < 2000) year=year+1900; H='...'; H=H.split(''); M='....'; M=M.split(''); S='.....'; S=S.split(''); Face='1 2 3 4 5 6 7 8 9 10 11 12'; font='Arial'; size=1; speed=0.6; ns=(document.layers); ie=(document.all); ge = (document.getElementById); Face=Face.split(' '); n=Face.length; a=size10; ymouse=0; xmouse=0; scrll=0; props="<font face="+font+" size="+size+" color="+fCol+"><B>"; Split=360/n; HandHeight=ClockHeight/4.5 HandWidth=ClockWidth/4.5 HandY=-7; HandX=-2.5; scrll=0; step=0.06; currStep=0; y=new Array();x=new Array();Y=new Array();X=new Array(); for (i=0; i < n; i++){y[i]=0;x[i]=0;Y[i]=0;X[i]=0} if (ns){ for (i=0; i < n; i++) document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+Face[i]+'</font></center></layer>'); for (i=0; i < S.length; i++) document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+sCol+'><center><b>'+S[i]+'</b></center></font></layer>'); for (i=0; i < M.length; i++) document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+mCol+'><center><b>'+M[i]+'</b></center></font></layer>'); for (i=0; i < H.length; i++) document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+hCol+'><center><b>'+H[i]+'</b></center></font></layer>'); } if (ie \|\| ge) { document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < n; i++) document.write('<div id="ieFace'+i+'" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face[i]+'</B></font></div>'); document.write('</div></div>'); document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < H.length; i++) document.write('<div id="ieHours'+i+'" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+hCol+';text-align:center;font-weight:bold">'+H[i]+'</div>'); document.write('</div></div>'); document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < M.length; i++) document.write('<div id="ieMinutes'+i+'" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M[i]+'</div>'); document.write('</div></div>') document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < S.length; i++) document.write('<div id="ieSeconds'+i+'" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+sCol+';text-align:center;font-weight:bold">'+S[i]+'</div>'); document.write('</div></div>') } function ClockAndAssign(){ 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.575 + Math.PI * hr/6+Math.PIparseInt(time.getMinutes())/360; for (i=0; i < n; i++){ var F=(ns)?document.layers['nsFace'+i]:(ie)?document.all['ieFace'+i].style:document.getElementById("ieFace"+i).style; F.top=y[i] + ClockHeightMath.sin(-1.0471 + iSplitMath.PI/180); F.left=x[i] + ClockWidthMath.cos(-1.0471 + iSplitMath.PI/180); } for (i=0; i < H.length; i++){ var HL=(ns)?document.layers['nsHours'+i]:(ie)?document.all['ieHours'+i].style:document.getElementById("ieHours"+i).style; HL.top=y[i]+HandY+(iHandHeight)Math.sin(hrs); HL.left=x[i]+HandX+(iHandWidth)Math.cos(hrs); } for (i=0; i < M.length; i++){ var ML=(ns)?document.layers['nsMinutes'+i]:(ie)?document.all['ieMinutes'+i].style:document.getElementById("ieMinutes"+i).style; ML.top=y[i]+HandY+(iHandHeight)Math.sin(min); ML.left=x[i]+HandX+(iHandWidth)Math.cos(min); } for (i=0; i < S.length; i++){ var SL=(ns)?document.layers['nsSeconds'+i]:(ie)?document.all['ieSeconds'+i].style:document.getElementById("ieSeconds"+i).style;; SL.top=y[i]+HandY+(iHandHeight)Math.sin(sec); SL.left=x[i]+HandX+(iHandWidth)Math.cos(sec); } currStep-=step; } function Delay(){ y[0]=Math.round(Y[0]+=((ymouse)-Y[0])speed); x[0]=Math.round(X[0]+=((xmouse)-X[0])speed); for (i=1; i < n; i++){ y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])speed); x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed); } ClockAndAssign(); setTimeout('Delay()',20); } if (ns\|\|ie\|\|ge)window.onload=Delay; </script> </div></td></tr></table> <!-- Fine fase 1... Non occorre fare altro --> <br><br><br> </div><table width="316" border="0" align="center" cellpadding="0" cellspacing="0" class="sottotit2"> <tr><td width="346" height="73"> Orologino tutto in javascript per la tua pagina web. Praticamente niente da settare a parte i colori delle lancette,inserire l'eventuale sfondo e definire l'aspetto della cella che contiene l'orologio.</td> </tr></table><br></body></html>

Se preferisci invece un orologio digitale di tipo non anglosassone qui sotto trovi
lo script e un esempio! Inserisci il codice dopo <body> dove preferisci ^__^


<!--Orologio digitale Pecorella - Lily of Th Valley --> <iframe name="Pecorella" src="http://lilyofthevalley.altervista.org/Orario/OraItaliana.html " frameborder="0" marginheight="0" marginwidth="0" scrolling="no" width="87 " height="90 " allowtransparency="true"></iframe><br><br> <!-- Orologio digitale pecorella - Lily of Th Valley -->
Questo è lo script ^__^ : <script type="text/javascript"> function tS(){ x=new Date(); x.setTime(x.getTime()); return x; } function lZ(x){ return (x>9)?x:'0'+x; } function tH(x){ if(x==0){ x=24; } return (x>24)?x-=24:x; } function dT(){ if(fr==0){ fr=1; document.write('<span id="tP">'+eval(oT)+'<\/b><\/span>'); } tP.innerText=eval(oT); setTimeout('dT()',1000); } var fr=0,oT = "lZ( tH(tS().getHours())) + ' : ' +lZ(tS().getMinutes())+ ' : '+lZ(tS().getSeconds())";</script> <script type="text/javascript">dT();</script>

Ultimo aggiornamento

Lily of the Valley...

Grazie della Visita!

^__^
Torna presto
a trovarmi!

Questo è lo script ^__^ :

Questo script invece riproduce un'Orologio Analogico come puoi vedere dai miei gadget! Se preferisci puoi inserire i numeri romani!

Questo è lo script ^__^ :

Se preferisci invece un orologio digitale di tipo non anglosassone qui sotto trovi lo script e un esempio! Inserisci il codice dopo <body> dove preferisci ^__^

Questo è lo script ^__^ :

Lily of the Valley...

Questo script invece riproduce un'Orologio Analogico come puoi vedere
dai miei gadget! Se preferisci puoi inserire i numeri romani!

Se preferisci invece un orologio digitale di tipo non anglosassone qui sotto trovi
lo script e un esempio! Inserisci il codice dopo <body> dove preferisci ^__^