Bonjour,

je suis navré par avance de la naïveté de ma question.
Peut-on mettre plusieurs horloges faites en JS sur une même page ?

Je me doute de la réponse mais si je me la pose c'est à cause d'un étrange comportement de mon site...

Lorsque je met ce code dans un gadget html/JS (qui fonctionne !) :

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
34
35
36
37
38
39
40
41
<script type="text/javascript">
 
function Jour(){this[0] = "Dimanche";this[1] = "Lundi";this[2] = "Mardi";this[3] = "Mercredi";this[4] = "Jeudi";this[5] = "Vendredi";this[6] = "Samedi";}
 
function Mois(){this[0] = "janvier";this[1] = "février";this[2] = "mars";this[3] = "avril";this[4] = "mai";this[5] = "juin";this[6] = "juillet"; this[7] = "août";this[8] = "septembre"; this[9] = "octobre";this[10] = "novembre"; this[11] = "décembre";}
 
function date(){var jour=new Jour();var mois=new Mois();
 
var myDate=new Date();
annee = myDate.getFullYear();
var result=jour[myDate.getDay()]+" "+myDate.getDate()+" "+mois[myDate.getMonth()]+" "+annee+" -&nbsp;";
 
document.writeln(result);}
 
</script>
 
<div style="color:#135d7c; text-align:center; font-size: 13pt; font-weight:bold">
 
<script language="JavaScript" type="text/JavaScript">
date();
</script></div>
 
<div id="aff_heure2" style="color:#135d7c; text-align:center; font-size: 13pt; font-weight:bold">
 
<script type="text/javascript">
 
function test_heure2(){var mydate = new Date();
 
var heure = mydate.getHours();
var minute = mydate.getMinutes();
 
if (heure <= 9) heure = "0" + heure;
if (minute <= 9) minute = "0" + minute;
 
document.getElementById("aff_heure2").innerHTML = heure+":"+minute;}
 
function aff_heure2(){intervalId = setInterval(test_heure2, 1000);}
 
aff_heure2()
 
</script></div>
et que je rajoute celui-ci dans un autre gadget (qui fonctionne!) :

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
<div id="aff_heure" style="color:#135d7c; text-align:center; font-size: 13pt; font-weight:bold">
 
<script type='text/javascript'>
 
function test_heure(){var mydate = new Date();
 
var year = mydate.getFullYear();
var day = mydate.getDay();
var daym = mydate.getDate();
var mois = mydate.getMonth(); 
mois=mois+1;
 
var heures = mydate.getHours();
var minutes = mydate.getMinutes();
 
if (heures <= 9) heures = "0" + heures;
 
if (minutes <= 9) minutes = "0" + minutes;
 
document.getElementById("aff_heure").innerHTML =" " France "+daym+"."+mois+"."+year+" - "+heures+":"+minutes;}
 
function aff_heure(){intervalId = setInterval(test_heure, 1000);}
 
aff_heure()
 
</script></div>

... Là, ça ne fonctionne plus. Les deux marchent séparément, mais pas en même temps. Pourquoi ? Et comment résoudre le problème ?

Je me dit qu'il ne gère peut être pas plusieurs appel de "new Date();" mais pourtant j'ai un 3ème compteur qui lui marche très bien avec un des deux autres ?
Bref, j'y comprend rien et je suis très nul en JS (ce n'est pas moi qui est fait ces lignes), j'aurais besoin d'un petit coup de main ... Au cas où, mon site : http://lenormanditinerant.blogspot.fr/

D'avance merci.


EDIT: Et je viens de m'apercevoir que si je met deux fois le 1er code dans 2 gadgets différents, les dates s'affiche (dimanche 22 novembre) mais pas l'heure. :o ?