Bonjour,

je suis débutant en programmation et je souhaite afficher sur une même page HTML l'heure de mon système(UTC + 1), ainsi que l'heure à la Martinique (UTC- 4); l'heure à Nouméa (UTC + 11); ...

Quelqu'un peut il m'aider à résoudre ce problème?

Merci pour votre aide.

Ci-dessous la page que je suis en train de créer.

Code html : 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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script language="JavaScript">
//
<!--masque le script pour les navigateurs qui ne supportent pas JavaScript 
 
function afficheDate()// Notre fonction pour afficher la date et l'heure
	{
 
	jour = new Array ("Dimanche","Lundi","Mardi","Mercredi","Jeudi","Vendredi","Samedi");
	mois = new Array (" Janvier"," Février"," Mars"," Avril"," Mai"," Juin"," Juillet"," Août»"," Septembre"," Octobre"," Novembre"," Décembre");
	date=new Date();
 
	datejour=date.getDate();
	heure=date.getHours();
	minute=date.getMinutes();
	seconde=date.getSeconds();
	if (date.getDate()<10) datejour="0"+datejour;
 
	if (heure<10) heure="0"+heure;
	if (minute<10) minute="0"+minute;
	if (seconde<10) seconde="0"+seconde;
	document.getElementById("texteDate").innerHTML=jour[date.getDay()]+" "+datejour+""+mois[date.getMonth()]+" 			"+heure+":"+minute+":"+seconde;
	setTimeout("afficheDate()", 1000);
 
		}
 // Fin du script -->
</script>
 
<title>Tableau de bord </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="Page du maître du temps" />
<meta name="keywords" content="site perso" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body onload="afficheDate();">
 
 <div id="global">
 <div id="bandeau">
<span class="titreSite">Tableau de Bord</span>
<br />
<span class="slogan">""</span>
</div>
 
<ul id="menu">
<li><a href="site3.html" title="Voir la page d'accueil">Accueil</a></li>
<li><a href="documentation.html" title="Voir la documentation">Documentations</a></li>
<li><a href="suivi.html" title="Voir les informations">Suivi</a></li>
<li><a href="contact.html" title="Voir les diff?rents contacts">Annuaires</a></li>
<li><a href="divers.html" title="Voir diff?rents outils">Divers</a></li>
<li><a href="Horloge.html" title="Fuseaux horaires">Horloges</a></li>
</ul>
<div id="contenu">
 
		<h1>Fuseaux horaires</h1>
			<img src="images/fuseaux-horaires-grande-carte.jpg" class="imageGauche" alt="Photo fuseaux" />
<li><a href="" style="font-size:18px">Papeete :</a></li>
 
<li><a href="" style="font-size:18px">Martinique :</a></li>
 
<li><a href="" style="font-size:18px">Saint-Pierre et Miquelon :</a></li>
 
<li><a href="" style="font-size:18px">Brest :</a></li> 
&nbsp;
<!--DEBUT DATE-->
<table>
   <tbody>
      <tr>           
         <td width="92%" ><span id ="texteDate" style="font-size:10pt;font-weight:bold;"></td>
       </tr>
     </tbody>
</table>
 <!--FIN DATE-->
 
<li><a href="" style="font-size:18px">Réunion :</a></li>
 
<li><a href="" style="font-size:18px">Noumea :</a></li>
 
</script>			
		<h2></h2>
		<p> 
 
		<br/><br/> 
 
		</p>
 
<div style="clear:both;"></div>
</div>
<hr><hr />
 
 
<div id="piedDePage">
 
</div>
 
</div>
</div>
 
 
</body>
</html>