Jour Mois anné, heure minute et seconde...

**SangKou** · 29/11/2005, 08h36

hello all

j'aimerais bien avoir le script qui permettre d'afficher

25 janvier 2004, 6 h 25 et 21 s (les second bougent et ne restent pas fixe)

merci pour la réponse

**SpaceFrog** · 29/11/2005, 08h43

avec un setInterval en decomposant un date ... getDay getHours ...

**SangKou** · 29/11/2005, 08h54

euh, je suis super noob, je ne m'y connais presque rien

**SpaceFrog** · 29/11/2005, 09h24

allez je suis dans un jour de bonté !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<script type='text/javascript'>
var TabMois=new Array('Janvier','Février','Mars','Avril','Mai','Juin','Juillet','Aout','Septembre','Octobre','Novembre','Décembre') 
var ComputerDate;
function perpetualDate(){
ComputerDate=new Date();
var Annee=ComputerDate.getYear();
var Jour=ComputerDate.getDate();
var Mois=ComputerDate.getMonth();
var Heure=ComputerDate.getHours();
var Minutes=ComputerDate.getMinutes();
var Secondes=ComputerDate.getSeconds();
document.getElementById('Cadran').innerHTML=Jour+' '+TabMois[Mois]+' '+Annee+',  '+Heure+' h '+Minutes+' et '+Secondes+' s';
}
 
function Launch(){
setInterval(function(){perpetualDate()},1000);
}
</script>
</head>
 
<body onload="Launch()">
<div id='cadran' style="font-family:verdana;"></div>
</body>
</html>

essaye quand même de boser un peu à comprendre comment ça marche ...

**SangKou** · 29/11/2005, 09h40

merci beaucoup... ouais j'essaie de comprendre parce que j'adore de programmer mais vu que je suis mega nul fo que j'apprenne lol

bref, cela ne fonctionne que sous ie pas ff :s

**SpaceFrog** · 29/11/2005, 09h48

ouaip j'ai juste collé une majuscule ou il n'en faut pas Le DOM est plus case sensitive sous firefox que sous IE ...

document.getElementById('Cadran').innerHTML=Jour+' '+TabMois[Mois]+' '+Annee+', '+Heure+' h '+Minutes+' et '+Secondes+' s';

mets une minuscule là et ça marchera sous ffx ...

**SangKou** · 29/11/2005, 10h21

Oh.. rien que ça... étonnant

**SangKou** · 29/11/2005, 10h28

c'est nikel fonctionnel

cependant j'ai des questions :

il prend en charge le temps du serveur ou bien de pc local

(je pense que c'est pc local)

>> est ce que c'est possible de changer pc local > date / heure du serveur ?

et pour finir, pourquoi qu'il met du temps à s'afficher (2 sec environ apres que la page a été totalement chargée) ?

**SpaceFrog** · 29/11/2005, 10h45

1) la date est la date locale
javascript est un langage client qui s'effectue donc coté client et n'a pas accès à la date serveur ... il faudrait passer par un language serveur pour que le client reçoive la date serveur puis combiner avec un javascript pour incrémenter la date ainsi reçue coté client ...

2) regarde l'instruction setFullYear

3) il met un peu plus d'une seconde à afficher la date ...
normal la focntion setInterval est lancée sur le onload...
donc la page se charge et une seconde àprès il lance la première occurence de la fonction...
on peut remédier à ça en lançant la fonction une première fois, juste àprès l'instanciation du div ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Calendrier perpétuel</title>
 
<script type='text/javascript'>
var TabMois=new Array('Janvier','Février','Mars','Avril','Mai','Juin','Juillet','Aout','Septembre','Octobre','Novembre','Décembre') 
var ComputerDate;
function perpetualDate(){
ComputerDate=new Date();
var Annee=ComputerDate.getUTCFullYear();
var Jour=ComputerDate.getUTCDate();
var Mois=ComputerDate.getUTCMonth();
var Heure=ComputerDate.getUTCHours();
var Minutes=ComputerDate.getUTCMinutes();
var Secondes=ComputerDate.getUTCSeconds();
document.getElementById('cadran').innerHTML=Jour+' '+TabMois[Mois]+' '+Annee+',  '+Heure+' h '+Minutes+' et '+Secondes+' s';
}
 
 
function Launch(){
setInterval(function(){perpetualDate()},1000);
}
</script>
</head>
 
<body onload="Launch()">
<div id='cadran' style="font-family:verdana;">&nbsp;</div>
<script type='text/javascript'>
perpetualDate()
</script>
</body>
</html>