Heure en temps réel [Multipost]

**eleve36** · 30/10/2005, 21h38

BOnjour, j'essaie d'indiquer la date et l'heure qui défile, mais l défilmeent ne se fait que sur deux secondes.

Je ne comprends pas d'où cela vient.

Merci de votre aide.

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
 
<html>
<!-- Date de création: 30/10/2005 -->
<head>
<title>Horloge</title>
<script language="javascript">
function compteur() {
 
jour= new Date(); // déclaration et initialisation de la variable au format d'une date
 
t_jour= new Array("Dimanche","Lundi","Mardi","Mercredi","Jeudi","Vendredi","Samedi");
t_mois= new Array("Janvier","février","Mars","Avril","Mai","juin","Juillet","Août","Septembre","Octobre","Novembre","Décembre");
 
// on enregistre dans la variable date_du_jour le résultat renvoyé par getdate -date du système-
 
Afficher_day= jour.getDay();
Afficher_jour= jour.getDate();	
Afficher_mois= jour.getMonth();	
Afficher_annee= jour.getYear();
Afficher_heure= jour.getHours();
Afficher_minute= jour.getMinutes();
Afficher_seconde= jour.getSeconds();
 
// Ecrit dans le document suivant le format donné
document.write("nous sommes le "+t_jour[Afficher_day]+" "+Afficher_jour+" "+t_mois[Afficher_mois]+" de l'année "+Afficher_annee+"<BR>");	  
document.write("Il est "+Afficher_heure+" heures "+Afficher_minute+" minutes "+Afficher_seconde+" secondes");
setTimeout("compteur()",1000);
}	   
compteur();
</script>
</head>
 
<body>
</body>
</html>

Merci à vous

**Strab** · 30/10/2005, 22h23

Je ne sais pas trop pourquoi ça marche pas, sans doute un problème "d'ouverture de canal d'écriture" et de sa fermeture, que l'on peut rencontrer avec document.write(). En fait, je crois que normalement il faut appeler une méthode open et close de je ne sais plus quel objet à chaque fois que tu utilises document.write(). C'est un souvenir des temps ancestraux où je me suis intéressé à la programmation et au Javascript naissant

Bref, il existe une solution, plus pratique en plus, c'est d'utiliser document.getElementById().

Démonstration :

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
 
<html>
<!-- Date de création: 30/10/2005 -->
<head>
<title>Horloge</title>
</head>
<body>
<div id="heure"></div>
<script language="javascript">
function compteur() {
 
jour= new Date(); // déclaration et initialisation de la variable au format d'une date
 
t_jour= new Array("Dimanche","Lundi","Mardi","Mercredi","Jeudi","Vendredi","Samedi");
t_mois= new Array("Janvier","février","Mars","Avril","Mai","juin","Juillet","Août","Septembre","Octobre","Novembre","Décembre");
 
// on enregistre dans la variable date_du_jour le résultat renvoyé par getdate -date du système-
 
Afficher_day= jour.getDay();
Afficher_jour= jour.getDate();   
Afficher_mois= jour.getMonth();   
Afficher_annee= jour.getYear();
Afficher_heure= jour.getHours();
Afficher_minute= jour.getMinutes();
Afficher_seconde= jour.getSeconds();
 
// Ecrit dans le document suivant le format donné
document.getElementById("heure").innerHTML = "nous sommes le "+t_jour[Afficher_day]+" "+Afficher_jour+" "+t_mois[Afficher_mois]+" de l'année "+Afficher_annee+"<BR>";    
document.getElementById("heure").innerHTML += "Il est "+Afficher_heure+" heures "+Afficher_minute+" minutes "+Afficher_seconde+" secondes";
setTimeout("compteur()",1000);
}      
compteur();
</script>
 
</body>
</html>

Testé sous Firefox

Heure en temps réel [Multipost]

JavaScript

Discussions similaires

Partager

Partager