begin process at 2012 05 28 10:31:53
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Date & Heure

 > UNE HORLOGE QUI TOURNE SYMPA (BIS)

UNE HORLOGE QUI TOURNE SYMPA (BIS)


 Information sur la source

Note :
8 / 10 - par 1 personne
8,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Date & Heure Niveau :Initié Date de création :26/05/2003 Date de mise à jour :26/05/2003 10:50:18 Vu :12 066
Auteur : Deny

Ecrire un message privé
Commentaire sur cette source (0)
Ajouter un commentaire et/ou une note

 Description

Suite à celle de Darknat, ça m'a donné des idées sur plusieurs horloges que j'ai !
Je vous en propose 3 à la file qui vous donneront l'occasion d'aller sur plusieurs site très sympa pour trouver des scripts, sans faire offense à javascriptfr !

Ici la même en couleur

Source

  • <html>
  • <!-- ONE STEP TO INSTALL SILLY CLOCK 4:
  • 1. Copy the coding into the BODY of your HTML document -->
  • <!-- STEP ONE: Paste this code into the BODY of your HTML document -->
  • <BODY>
  • <SCRIPT LANGUAGE="JavaScript">
  • <!-- This script and many more are available free online at -->
  • <!-- The JavaScript Source!! http://javascript.internet.com -->
  • <!-- Silly Clock 4 by Kurt Griggt -->
  • <!-- http://website.lineone.net/~kurt.grigg/javascriptt -->
  • <!-- Begin
  • fCol='0000ff';//face colour.
  • dCol='fff000';//dot colour.
  • hCol='ff0000';//hours colour.
  • mCol='000000';//minutes colour.
  • sCol='7788ff';//seconds colour.
  • ClockHeight=35;
  • ClockWidth=35;
  • ClockFromMouseY=80;
  • ClockFromMouseX=5;
  • //Alter nothing below! Alignments will be lost!
  • ns=(document.layers);
  • ie=(document.all);
  • h=3;
  • m=4;
  • s=5;
  • face='1 2 3 4 5 6 7 8 9 10 11 12';
  • face=face.split(' ');
  • n=face.length;
  • speed=0.6;
  • ymouse=0;
  • xmouse=0;
  • scrll=0;
  • p="<font face=Arial size=1 color="+fCol+">";
  • e=360/n;
  • HandHeight=ClockHeight/4;
  • HandWidth=ClockWidth/4;
  • HandY=0;
  • HandX=0;
  • scrll=0;
  • y=new Array();x=new Array();Y=new Array();X=new Array();
  • for (i=0; i < 37; i++){y[i]=0;x[i]=0;Y[i]=0;X[i]=0}
  • Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();
  • for (i=0; i < n; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0}
  • if (ns){
  • for (i=0; i < n; i++)
  • document.write('<layer name="nsN'+i+'" top=0 left=0 height=15 width=15><center>'+p+face[i]+'</font></center></layer>');
  • for (i=0; i < n; i++)
  • document.write('<layer name="nsD'+i+'" top=0 left=0 bgcolor='+dCol+' clip="0,0,2,2"></layer>');
  • for (i=0; i < h; i++)
  • document.write('<layer name=nsH'+i+' top=0 left=0 bgcolor='+hCol+' clip="0,0,2,2"></layer>');
  • for (i=0; i < m; i++)
  • document.write('<layer name=nsM'+i+' top=0 left=0 bgcolor='+mCol+' clip="0,0,2,2"></layer>');
  • for (i=0; i < s; i++)
  • document.write('<layer name=nsS'+i+' top=0 left=0 bgcolor='+sCol+' clip="0,0,2,2"></layer>');
  • }
  • if (ie){
  • document.write('<div id="On" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
  • for (i=0; i < n; i++)
  • document.write('<div id="ieN" style="position:absolute;width:15px;height:15px;text-align:center">'+p+face[i]+'</font></div>');
  • document.write('</div></div>');
  • document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
  • for (i=0; i < n; i++)
  • document.write('<div id="ieD" style="position:absolute;height:2px;width:2px;font-size:2px;background:'+dCol+'"></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; i++)
  • document.write('<div id="ieH" style="position:absolute;width:2px;height:2px;font-size:2px;background:'+hCol+'"></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; i++)
  • document.write('<div id="ieM" style="position:absolute;width:2px;height:2px;font-size:2px;background:'+mCol+'"></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; i++)
  • document.write('<div id="ieS" style="position:absolute;width:2px;height:2px;font-size:2px;background:'+sCol+'"></div>');
  • document.write('</div></div>')
  • }
  • (ns)?window.captureEvents(Event.MOUSEMOVE):0;
  • function Mouse(evnt){
  • ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY;
  • xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX;
  • }
  • (ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
  • 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.PI*parseInt(time.getMinutes())/360;
  • if (ie){
  • On.style.top=window.document.body.scrollTop;
  • Od.style.top=window.document.body.scrollTop;
  • Oh.style.top=window.document.body.scrollTop;
  • Om.style.top=window.document.body.scrollTop;
  • Os.style.top=window.document.body.scrollTop;
  • }
  • for (i=0; i < s; i++){
  • var sd=(ns)?document.layers['nsS'+i]:ieS[i].style;
  • sd.top=y[8+i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll;
  • sd.left=x[8+i]+HandX+(i*HandWidth)*Math.cos(sec);
  • }
  • for (i=0; i < m; i++){
  • var md=(ns)?document.layers['nsM'+i]:ieM[i].style;
  • md.top=y[4+i]+HandY+(i*HandHeight)*Math.sin(min)+scrll;
  • md.left=x[4+i]+HandX+(i*HandWidth)*Math.cos(min);
  • }
  • for (i=0; i < h; i++){
  • var hd=(ns)?document.layers['nsH'+i]:ieH[i].style;
  • hd.top=y[1+i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;
  • hd.left=x[1+i]+HandX+(i*HandWidth)*Math.cos(hrs);
  • }
  • for (i=0; i < n; i++){
  • var D=(ns)?document.layers['nsD'+i]:ieD[i].style;
  • D.top=y[13+i] + ClockHeight*Math.sin(-1.0471 + i*e*Math.PI/180)+scrll;
  • D.left=x[13+i] + ClockWidth*Math.cos(-1.0471 + i*e*Math.PI/180);
  • }
  • for (i=0; i < n; i++){
  • var N=(ns)?document.layers['nsN'+i]:ieN[i].style;
  • N.top=y[25+i]-6 + ClockHeight*1.4*Math.sin(-1.0471 + i*e*Math.PI/180)+scrll;
  • N.left=x[25+i]-6 + ClockWidth*1.4*Math.cos(-1.0471 + i*e*Math.PI/180);
  • }
  • }
  • function Delay(){
  • scrll=(ns)?window.pageYOffset:0;
  • y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
  • x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
  • for (i=1; i < 37; 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)window.onload=Delay;
  • // End -->
  • </script>
  • <p><center>
  • <font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
  • by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
  • </center><p>
  • <!-- Script Size: 5.85 KB -->
  • </body>
  • </html> 
<html>
<!-- ONE STEP TO INSTALL SILLY CLOCK 4:

  1.  Copy the coding into the BODY of your HTML document  -->

<!-- STEP ONE: Paste this code into the BODY of your HTML document  -->

<BODY>

<SCRIPT LANGUAGE="JavaScript">

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Silly Clock 4 by Kurt Griggt -->
<!-- http://website.lineone.net/~kurt.grigg/javascriptt -->
<!-- Begin
fCol='0000ff';//face colour.
dCol='fff000';//dot colour.
hCol='ff0000';//hours colour.
mCol='000000';//minutes colour.
sCol='7788ff';//seconds colour.
ClockHeight=35;
ClockWidth=35;
ClockFromMouseY=80;
ClockFromMouseX=5;

//Alter nothing below! Alignments will be lost!
ns=(document.layers);
ie=(document.all);
h=3;
m=4;
s=5;
face='1 2 3 4 5 6 7 8 9 10 11 12';
face=face.split(' ');
n=face.length;
speed=0.6;
ymouse=0;
xmouse=0;
scrll=0;
p="<font face=Arial size=1 color="+fCol+">";
e=360/n;
HandHeight=ClockHeight/4;
HandWidth=ClockWidth/4;
HandY=0;
HandX=0;
scrll=0;
y=new Array();x=new Array();Y=new Array();X=new Array();
for (i=0; i < 37; i++){y[i]=0;x[i]=0;Y[i]=0;X[i]=0}
Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();
for (i=0; i < n; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0}
if (ns){
for (i=0; i < n; i++)
document.write('<layer name="nsN'+i+'" top=0 left=0 height=15 width=15><center>'+p+face[i]+'</font></center></layer>');
for (i=0; i < n; i++)
document.write('<layer name="nsD'+i+'" top=0 left=0 bgcolor='+dCol+' clip="0,0,2,2"></layer>');
for (i=0; i < h; i++)
document.write('<layer name=nsH'+i+' top=0 left=0 bgcolor='+hCol+' clip="0,0,2,2"></layer>');
for (i=0; i < m; i++)
document.write('<layer name=nsM'+i+' top=0 left=0 bgcolor='+mCol+' clip="0,0,2,2"></layer>');
for (i=0; i < s; i++)
document.write('<layer name=nsS'+i+' top=0 left=0 bgcolor='+sCol+' clip="0,0,2,2"></layer>');
}
if (ie){
document.write('<div id="On" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="ieN" style="position:absolute;width:15px;height:15px;text-align:center">'+p+face[i]+'</font></div>');
document.write('</div></div>');
document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="ieD" style="position:absolute;height:2px;width:2px;font-size:2px;background:'+dCol+'"></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; i++)
document.write('<div id="ieH" style="position:absolute;width:2px;height:2px;font-size:2px;background:'+hCol+'"></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; i++)
document.write('<div id="ieM" style="position:absolute;width:2px;height:2px;font-size:2px;background:'+mCol+'"></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; i++)
document.write('<div id="ieS" style="position:absolute;width:2px;height:2px;font-size:2px;background:'+sCol+'"></div>');
document.write('</div></div>')
}

(ns)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(evnt){
ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY;
xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX;
}
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;

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.PI*parseInt(time.getMinutes())/360;
if (ie){
On.style.top=window.document.body.scrollTop;
Od.style.top=window.document.body.scrollTop;
Oh.style.top=window.document.body.scrollTop;
Om.style.top=window.document.body.scrollTop;
Os.style.top=window.document.body.scrollTop;
}
for (i=0; i < s; i++){
 var sd=(ns)?document.layers['nsS'+i]:ieS[i].style;
 sd.top=y[8+i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll;
 sd.left=x[8+i]+HandX+(i*HandWidth)*Math.cos(sec);
}
for (i=0; i < m; i++){
 var md=(ns)?document.layers['nsM'+i]:ieM[i].style;
 md.top=y[4+i]+HandY+(i*HandHeight)*Math.sin(min)+scrll;
 md.left=x[4+i]+HandX+(i*HandWidth)*Math.cos(min);
}
for (i=0; i < h; i++){
 var hd=(ns)?document.layers['nsH'+i]:ieH[i].style;
 hd.top=y[1+i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;
 hd.left=x[1+i]+HandX+(i*HandWidth)*Math.cos(hrs);
}
for (i=0; i < n; i++){
 var D=(ns)?document.layers['nsD'+i]:ieD[i].style;
 D.top=y[13+i] + ClockHeight*Math.sin(-1.0471 + i*e*Math.PI/180)+scrll;
 D.left=x[13+i] + ClockWidth*Math.cos(-1.0471 + i*e*Math.PI/180);
}
for (i=0; i < n; i++){
 var N=(ns)?document.layers['nsN'+i]:ieN[i].style;
 N.top=y[25+i]-6 + ClockHeight*1.4*Math.sin(-1.0471 + i*e*Math.PI/180)+scrll;
 N.left=x[25+i]-6 + ClockWidth*1.4*Math.cos(-1.0471 + i*e*Math.PI/180);
}
}

function Delay(){
scrll=(ns)?window.pageYOffset:0;
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (i=1; i < 37; 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)window.onload=Delay;
//  End -->
</script>


<p><center>
<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>

<!-- Script Size:  5.85 KB -->
</body>
</html>



 Sources du même auteur

DHTML - MANIP CSS
OUVERTURE POPUP À URL ALÉATOIRE
Source avec Zip 96 SITES RÉPERTORIÉS : HTML, CSS, DHTML, JAVA, JAVASCRIPT, P...
BROWSER SNIFFER (RENIFLEUR)
Source avec Zip DHTML SCROLLTOP
Toutes les sources de Deny

 Sources de la même categorie

NOMBRE DE JOURS, MOIS ET ANNÉES DEPUIS LA NAISSANCE par marcenana
Source avec Zip CALENDRIER ANNUEL UNIVERSEL AVEC SAINTS DU CALENDRIER ET FÊT... par 007Julien
OBTENIR LE NOMBRE DE JOURS D'UN MOIS SUIVANT SON ANNÉE par hugolegrand
SAINT DU JOUR par tefa24600
Source avec Zip Source avec une capture NIPCLOCK 1.2 par neep
Toutes les sources de la catégorie Date & Heure

Commentaires et avis

Aucun commentaire pour le moment.

 Ajouter un commentaire

Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,546 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)