Pas d'affichage de resultat
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:
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:
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);
} |
