Affichage horloge

**rgdu86** · 04/03/2008, 15h51

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 :

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
 
<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 :

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

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

**d-Rek** · 04/03/2008, 17h09

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é.

**rgdu86** · 04/03/2008, 23h40

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

**d-Rek** · 05/03/2008, 09h38

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
<!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

**rgdu86** · 10/03/2008, 09h13

A mettre dans le head :

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">
  //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 :

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

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 :

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

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

Merci pour tout d-Rek.

Bien cordialement.

rgdu86

**pandakore** · 05/08/2008, 18h45

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

Affichage horloge

JavaScript

Vue hybride

Discussions similaires

Partager

Partager