Affichage horloge

Version imprimable

Affichage horloge

Bonjour à tous,

J'ai trouvé un tutoriel sur développez.com me permettant d'afficher l'heure en temps réel mais j'ai un soucis.

Voici à quoi ressemble mon code pour la partie javascript :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 <SCRIPT type="text/javascript"> //affiche l'heure en temps réel function horloge() { var today=new Date(); var date_heure=""; h = today.getHours(); m = today.getMinutes(); s = today.getSeconds(); timeValue = h; if(h<10){h = '0'+h;} if(m<10){m = '0'+m;} if(s<10){s = '0'+s;} heure = ''+h+'h'+m+'m'+s+''; document.getElementById("time").value = heure; timerRunning = true; } timerID = setInterval(horloge,1000); </SCRIPT>
Ce code est situé sur mon écran d'accueil. C'est fichier PHP.

Voilà comment j'affiche mon horloge sur mon index.php :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 $heure=strftime("%H"); // variable retournant l'heure en chiffres $minute=strftime("%M"); // variable retournant les minutes en chiffres $seconde=strftime("%S"); if($heure <= 01){$pluriel_heures = "heure";} else{$pluriel_heures = "heures";} if($minute <= 01){$pluriel_minutes = "minute";} else{$pluriel_minutes = "minutes";} if($seconde <= 01){$pluriel_secondes = "seconde";} else{$pluriel_secondes = "secondes";} echo "<br><h3><br>Il est $heure $pluriel_heures et $minute $pluriel_minutes et $seconde $pluriel_secondes<br><br></h3><br>"; echo "<h1><a href = 'accueil.php'>ENTREE</a></h1>";
En fait, je n'arrive pas à faire afficher l'heure comme il faut j'ai bien écrit, par exemple : "Il est 15 heures 50 minutes et 32 secondes" mais le script ne se régénère pas toutes les secondes.

Si quelqu'un peu m'apporter une solution.

Bien cordialement.

rgdu86

04/03/2008, 17h09
d-Rek

PHP est interprété côté serveur. Il te crache donc l'heure actuelle mais c'est tout. Il ne se mettra pas à jour.

Ton script Javascript est donc indépendant et peut être utilisé seul.
Je te conseille d'oublier PHP pour cette fonctionnalité.
04/03/2008, 23h40
rgdu86

OK je peux oublier PHP mais comment je fais avec HTML pour afficher mon heure de la même façon, c'est-à-dire "Il est 15 heures 50 minutes et 32 secondes" ?

J'en est vraiement besoin, c'est pour une épreuve de BTS.

Bien cordialement.

rgdu86

Code:

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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Horloge</title>
<script type="text/javascript">
//affiche l'heure en temps réel
function horloge(){
	var today=new Date();
	h = today.getHours();
	m = today.getMinutes();
	s = today.getSeconds();
	timeValue = h;
 
	if(h<10){h = '0'+h;}
	if(m<10){m = '0'+m;}
	if(s<10){s = '0'+s;}
	if(h>1){var txt_h=' heures ';}else{var txt_h=' heure ';}
	if(m>1){var txt_m=' minutes ';}else{var txt_h=' minute ';}
	if(s>1){var txt_s=' secondes';}else{var txt_h=' seconde';}
	var print = 'Il est '+h+txt_h+m+txt_m+s+txt_s;
 
	if(document.getElementById("time")){
		document.getElementById("time").innerHTML = print;
	}
	setTimeout("horloge()",1000);
}
</script>
<style type="text/css">
body{border:0; padding:0; margin:0; background-color:#000000;}
#time{width:320; margin:10; padding:8px; border:1px solid #00FF00; font-size:11px; font-family:courier; color:#00FF00;}
</style>
</head>
<body onload="horloge();">
<div id="time"></div>
</body>
</html>

Pense à cliquer sur le bouton :resolu: ;)

A mettre dans le head :

Code:

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">
  //affiche l'heure en temps réel
  function horloge()
  {
  var today=new Date();
  h=today.getHours();
  m=today.getMinutes();
  s=today.getSeconds();
  timeValue = h;
 
  if(h<10){h='0'+h;}
  if(m<10){m='0'+m;}
  if(s<10){s='0'+s;}
  var print='Il est '+h+':'+m+':'+s;
 
  if(document.getElementById("time"))
  {
    document.getElementById("time").innerHTML=print;
  }
 
  setTimeout("horloge()",1000);
  }
</script>

A mettre dans le head :

Code:

1
2
3
4
5
 
<style type="text/css">
  body{border:0; padding:0; margin:0; background-color:#FFFFFF;}
  #time{width:320; margin:10; padding:8px; border:0px solid #00FF00; font-size:20px; font-family:comic sans ms; font-style:bold; color:#FFFF66;}
</style>

A mettre dans le body :

Code:

1
2
 
<div id='time'></div>

Merci pour tout d-Rek.

Bien cordialement.

rgdu86

05/08/2008, 18h45
pandakore

Comment afficher l'heure de diférentes villes dans le monde ?

Bonjour,
je cherche à afficher l'heure de plusieurs villes du monde sur mon site (Newyork ; London ; Frankfurt ; Singapore ; Tokyo ; Korea ; Beijing).
On m'a déconseillé de le faire en Php et de m'orienter vers le javascript, mais mes connaissances dans ce domaine sont très limités.

Si vous pouviez m'orienter svp ?
Merci d'avance
Amicalement