begin process at 2012 05 27 19:56:26
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Date & Heure

 > HORLOGE À AIGUILLES QUI TOURNENT AVEC LA DATE

HORLOGE À AIGUILLES QUI TOURNENT AVEC LA DATE


 Information sur la source

Note :
7 / 10 - par 4 personnes
7,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Date & Heure Niveau :Initié Date de création :10/03/2002 Date de mise à jour :10/03/2002 03:08:40 Vu :32 917

Auteur : Supo

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

 Description

C'est une horloge qui affiche l'heure comme une vrai horloge avec la date qui tourne autour.    

Source

  • //Couleurs
  • dCol='000000'; //Couleur de la date
  • fCol='000000'; //Couleur des chiffres de l'horloge
  • sCol='000000'; //Couleur des secondes
  • mCol='000000'; //Couleur des minutes
  • hCol='000000'; //Couleur des heures
  • ClockHeight=40;
  • ClockWidth=40;
  • ClockFromMouseY=0;
  • ClockFromMouseX=100;
  • //Noms de jours et de mois
  • d=new Array("DIMANCHE","LUNDI","MARDI","MERCREDI","JEUDI","VENDREDI","SAMEDI"); //Noms de jours
  • m=new Array("JANVIER","FÉVRIER","MARS","AVRIL","MAI","JUIN","JUILLET","AOUT","SEPTEMBRE","OCTOBRE","NOVEMBRE","DECEMBRE"); //Noms des mois
  • date=new Date();
  • day=date.getDate();
  • year=date.getYear();
  • if (year < 2000) year=year+1900;
  • TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year;
  • D=TodaysDate.split('');
  • 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);
  • Face=Face.split(' ');
  • n=Face.length;
  • a=size*10;
  • ymouse=0;
  • xmouse=0;
  • scrll=0;
  • props="<font face="+font+" size="+size+" color="+fCol+"><B>";
  • props2="<font face="+font+" size="+size+" color="+dCol+"><B>";
  • Split=360/n;
  • Dsplit=360/D.length;
  • 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}
  • Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();
  • for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0}
  • if (ns){
  • for (i=0; i < D.length; i++)
  • document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D[i]+'</font></center></layer>');
  • 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){
  • document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
  • for (i=0; i < D.length; i++)
  • document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D[i]+'</B></font></div>');
  • document.write('</div></div>');
  • 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" 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" 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" 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" 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>')
  • }
  • (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){
  • Od.style.top=window.document.body.scrollTop;
  • Of.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 < n; i++){
  • var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style;
  • F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll;
  • F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180);
  • }
  • for (i=0; i < H.length; i++){
  • var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style;
  • HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;
  • HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs);
  • }
  • for (i=0; i < M.length; i++){
  • var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style;
  • ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll;
  • ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min);
  • }
  • for (i=0; i < S.length; i++){
  • var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style;
  • SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll;
  • SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec);
  • }
  • for (i=0; i < D.length; i++){
  • var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style;
  • DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll;
  • DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180);
  • }
  • currStep-=step;
  • }
  • function Delay(){
  • scrll=(ns)?window.pageYOffset:0;
  • Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed);
  • Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed);
  • for (i=1; i < D.length; i++){
  • Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed);
  • Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed);
  • }
  • 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)window.onload=Delay;
//Couleurs
dCol='000000'; //Couleur de la date
fCol='000000'; //Couleur des chiffres de l'horloge
sCol='000000'; //Couleur des secondes
mCol='000000'; //Couleur des minutes
hCol='000000'; //Couleur des heures
ClockHeight=40;
ClockWidth=40;
ClockFromMouseY=0;
ClockFromMouseX=100;

//Noms de jours et de mois
d=new Array("DIMANCHE","LUNDI","MARDI","MERCREDI","JEUDI","VENDREDI","SAMEDI"); //Noms de jours
m=new Array("JANVIER","FÉVRIER","MARS","AVRIL","MAI","JUIN","JUILLET","AOUT","SEPTEMBRE","OCTOBRE","NOVEMBRE","DECEMBRE"); //Noms des mois
date=new Date();
day=date.getDate();
year=date.getYear();
if (year < 2000) year=year+1900;
TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year;
D=TodaysDate.split('');
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);
Face=Face.split(' ');
n=Face.length;
a=size*10;
ymouse=0;
xmouse=0;
scrll=0;
props="<font face="+font+" size="+size+" color="+fCol+"><B>";
props2="<font face="+font+" size="+size+" color="+dCol+"><B>";
Split=360/n;
Dsplit=360/D.length;
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}
Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();
for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0}
if (ns){
for (i=0; i < D.length; i++)
document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D[i]+'</font></center></layer>');
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){
document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < D.length; i++)
document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D[i]+'</B></font></div>');
document.write('</div></div>');
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" 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" 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" 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" 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>')
}
(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){
Od.style.top=window.document.body.scrollTop;
Of.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 < n; i++){
 var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style;
 F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll;
 F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180);
 }
for (i=0; i < H.length; i++){
 var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style;
 HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;
 HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs);
 }
for (i=0; i < M.length; i++){
 var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style;
 ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll;
 ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min);
 }
for (i=0; i < S.length; i++){
 var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style;
 SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll;
 SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec);
 }
for (i=0; i < D.length; i++){
 var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style;
 DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll;
 DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180);
 }
currStep-=step;
}
function Delay(){
scrll=(ns)?window.pageYOffset:0;
Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed);
Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed);
for (i=1; i < D.length; i++){
Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed);
Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed);
}
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)window.onload=Delay;  

 Conclusion

   J'ai pas mis le &lt;script language=Javascript&gt; car le site marquait tout le script en rouge alors n'oubliez pas de le mettre. Aussi, laissez des commentaires svp


 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

Commentaires et avis

Commentaire de arsenic24 le 12/03/2002 21:17:32

lizotte tes cons tas copier ce codes copieur

Commentaire de lumesh le 22/06/2002 17:40:19

bah super ce code !!!
il est extra !
bravo !

Commentaire de Supo le 27/06/2002 22:40:53

André tu sait pas écrire

Commentaire de Supo le 27/06/2002 22:41:41

OH MON DIEU C'EST KRISTOF COLLONB!!!

Commentaire de Supo le 27/06/2002 22:41:53

lol

Commentaire de damien174 le 31/07/2002 17:25:32

il trop geniale ton code.

BRAVO !!!!

Commentaire de profnaimbus le 12/02/2003 14:51:12

Bonjour, je n'arrive pas à faire fonctionner ce code, pouvez vous m'aider svp.
Merci

Commentaire de Athanor le 12/02/2003 22:04:06

J'ai pas mis le &lt;script language=Javascript&gt; car le site marquait tout le script en rouge alors n'oubliez pas de le mettre

C'est peut-être à cause de ça

Commentaire de profnaimbus le 13/02/2003 12:03:02

Non j'ai essayé mais cela ne marche po.
quelqu'un pourai m'envoyer une page html avec le code dedans qui marche (où l'on puisse voir l'horloge) ?
Merci.

Commentaire de Steves le 08/10/2003 10:07:52

bahh, fo tjrs preciser la où tu à copier une source qui ne vient pas de toi, lol je ne dis pas qu'elle est de moi mais l'honneteté intellectuelle oblige.

Bravo pour le plagiat
DoctorJsC#VbC++

Commentaire de bhdih le 10/07/2004 15:42:04

Ton code ne marche pas mon vieux... puisque tu n'as rien expliqué ! Alors essaie de t'expliquer pour laisser les autres l'utiliser...
merci.

Commentaire de thomashainaut le 09/08/2004 20:48:31

Ca marche pas, ton truc est incompréhensible, si tu m'envoyais une page html avec le code dedans qui fonctionne !!!   Merci

Commentaire de akhenaton le 26/10/2004 13:38:41

Tu sais mec, (Ctrl + C) (Ctrl + V) ne marche pas tout le temps.... essaie de donner un petit peu de ton temps pour les autres...
N'oublie pas;

Software is like sexe, it's better when it's free.

Commentaire de hudsonhawk3 le 22/11/2004 00:00:09

je trouve ce code tres facile d'utilisation merci beaucoup d'ailleurs car ça va beaucoup me facilité la vie petite reflexion tout de même:la date tourne trop vite

Commentaire de jeungob le 07/12/2004 21:10:52

J'ai un blèm.
Sa marche pas !
ya pas un zip à télécharger
sa cerai bien

Commentaire de geantfire le 25/12/2007 21:17:16

Rooh, il est trop drole ce script, dommage qui marche pas sous Firefox...

Commentaire de krakorg le 22/05/2009 22:12:01

c'est super bien ,bon travail,ça marchesans problème

 Ajouter un commentaire




Nos sponsors


Sondage...

Comparez les prix

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,515 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales