Pas d'affichage de resultat

**Busima** · 18/11/2018, 14h18

Bonjour, j'ai suivi un tutoriel en JavaScript/html et je n'ai pas d'affichage en résultat lorsque je fais l'exécution dans un navigateur.

Ci-dessous les codes:

Page "horloge.html"

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
<!DOCTYPE html> <!-- Reconnaissance html5 -->
<html>
    <!-- Destiné au navigateur-->
    <head>
	    <!-- Titre de l'onglet -->
	    <title>Date et heure</title>
		<meta charset = "utf-8" /> <!-- Reconnaissance des carractères spéciaux (accents), ... -->
		<!-- Lien vers notre fichier de script-->
		<script src="scripts/script.js">
 
		</script>
	</head>
	<!-- Contenu de la page web -->
	    <body onload = "afficherChaqueSecondeHeure()">
 
		    <!-- Va contenir notre date et heure -->
		    <div id="date_heure">
 
			</div>
		</body>
</html>

Ensuite la page "script.js"

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
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
//Vu que le mois est un chiffre (10 correspond à novembre), on va faire un tableau
var tableauMois = new Array(
'janvier',
'février',
'mars',
'avril',
'mai',
'juin',
'juillet',
'août',
'septembre',
'octobre',
'novembre',
'décembre'
);
 
// Idem que pour les mois, sauf qu'en anglais la semaine commence par le dimanche
 var tableauJours = new Array(
 'dimanche',
 'lundi',
 'mardi',
 'mercredi',
 'jeudi',
 'vendredi',
 'samedi'
 );
 
//affiche l'heure une seule fois
function afficherDateHeure()
    {
		// Contient toutes les infos que l'on a besoin ur la date et l'heure
		var dateGlobale = new date();
 
		//On recupère l'année
		var annee = dateGlobale.getFullYear();
 
		//On recupère le numéro du mois
		var mois = dateGlobale.getMonth();
 
		//On recupère le numéro du jour
		var jour = dateGlobale.getDate();
 
		//Croyez moi, c'est le numero du jour, ... oui ça n'est pas très explicite.
		var numeroJour = dateGlobale.getDay();
 
		//On recupère l'heure
		var heure = dateGlobale.getHours();
 
		// On recupère les minutes
		var minute = dateGlobale.getMinutes();
 
		// On recupère les sécondes
		var seconde = dateGlobale.getSeconds();
 
		// Pas d'affichage du zéro après 10
		if(heure<10)
		    { 
		        // On ajout un "0" à la chaîen heure.
		        heure = "0" + heure.toString();
	        }
 
		if(minute<10)
		    {
				minute = "0" + minute.toString();
			}
 
		if(seconde<10)
		    {
				seconde = "0" + seconde.toString();
			}
		//on assigne le bon mois
	    mois = tableauMois[mois];
 
		//on assigne le bon jour
	    jour = tableauJours[jour];
 
		// On recupère notre div "date__heure"
		var dateHeure = document.getElementById("date_heure");
 
		//On met la date et l'heure dans la div
 
		dateHeure.innerHTML = "Nous sommes le" + jour + " " + numeroJour + " " + mois + " " + annee + " et il est " + heure + ":" + minute + ":" + seconde;
	}
	// affichera toutes les secondes notre heure
 
function afficherChaqueSecondeHeure()
    {
		// On affiche une première fois l'heure pour éviter le blanc d'une séconde
		afficherDateHeure();
 
		var delai = 1000; // délai en milisécondes
		// On crée un timer qui va "ticker" toutes les sécondes et afficher l'heure dynamiquement.
		setInterval('afficherDateHeure()', delai);
	}

**Archimède** · 18/11/2018, 14h31

Regarde la console dans ton navigateur....

Code javascript :

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

1
2
 
  var dateGlobale = new Date();

Pas de d minuscule pour Date()

a+

**Archimède** · 18/11/2018, 14h50

Pour setInterval, mieux vaut cette notation :

Code javascript :

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

1
2
 
	setInterval(afficherDateHeure, delai);

**Archimède** · 18/11/2018, 15h05

De plus, tu dois avoir un problème au niveau de :

Code :

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

1
2
 
   jour = tableauJours[jour];

18 est égal à une valeur de tableau string dont la taille est largement dépassé... de 0 jusqu'à 6 (7 jours)en indice et toi tu lui donnes l'indice 18 ! il te sort un undefined...

**Busima** · 19/11/2018, 20h04

Grand merci à vous Archimède. Tout est bon maintenant!
Je mets le sujet en résolu.

Pas d'affichage de resultat

JavaScript

Discussions similaires

Partager

Partager