Affichage de l'heure

Version imprimable

Bonjour,
j'ai écrit le script suivant :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<body background="fond.png" onload = "afficher()">
<div align="center"><script language="JavaScript" src="./citations.js"> </script></div>
<hr width="100">
<SCRIPT LANGUAGE="JavaScript">
function afficher () {
var jour = ['dimanche', 'lundi', 'mardi', 'mercredi', 'jeudi', 'vendredi', 'samedi'];
var mois = ['janvier', 'février', 'mars', 'avril', 'mai', 'juin', 'juillet', 'août', 'septembre', 'octobre', 'novembre', 'décembre'];
var today = new Date();
document.write('Nous sommes '+ jour[today.getDay()] + ' ' + today.getDate() + ' ' + mois[today.getMonth()] + ' ' + (today.getYear()+1900) + '. Il est ' + today.getHours() + 'h' + today.getMinutes() + 'min' + today.getSeconds() + 's.')
setTimeout("afficher()",1000)
}
</script>

Je voudrais que sur ma page s'affiche la date et l'heure mises à jour toutes les secondes, mais ça ne marche que pour la première seconde, et dans une autre fenêtre (je voudrais voir l'heure dans ma fenêtre de départ, sans pour autant réinitialiser mes autres scripts).
Comment faire ?
D'avnce merci,
Mathieu.

11/04/2009, 12h58
andry.aime

Salut, avec document.write, tu ajoutes une affichage mais utilise innerHTML
pour le rafraichissement,

Code:

setInterval("afficher()",1000);
11/04/2009, 13h08
SpaceFrog

oui document.write à la facheuse tendance à effacer le contenu précédent !!!

J'ai essayé ceci mai ça ne marche toujours pas :

Code:

1
2
3
4
5
6
7
8
9
<SCRIPT LANGUAGE="JavaScript">
function afficher () {
var jour = ['dimanche', 'lundi', 'mardi', 'mercredi', 'jeudi', 'vendredi', 'samedi'];
var mois = ['janvier', 'février', 'mars', 'avril', 'mai', 'juin', 'juillet', 'août', 'septembre', 'octobre', 'novembre', 'décembre'];
var today = new Date();
document.write('Nous sommes '+ jour[today.getDay()] + ' ' + today.getDate() + ' ' + mois[today.getMonth()] + ' ' + (today.getYear()+1900) + '. Il est ' + today.getHours() + 'h' + today.getMinutes() + 'min' + today.getSeconds() + 's.')
}
setInterval("afficher()",1000);
</script>

Si c'est à cause de document.write, par quoi puis-je le remplacer ?

Code:

1
2
3
4
5
6
7
var jour = ['dimanche', 'lundi', 'mardi', 'mercredi', 'jeudi', 'vendredi', 'samedi'];
var mois = ['janvier', 'février', 'mars', 'avril', 'mai', 'juin', 'juillet', 'août', 'septembre', 'octobre', 'novembre', 'décembre'];
var today = new Date();
function afficher () {
document.getElementById('heure').innerHTML = 'Nous sommes '+ jour[today.getDay()] + ' ' + today.getDate() + ' ' + mois[today.getMonth()] + ' ' + (today.getYear()+1900) + '. Il est ' + today.getHours() + 'h' + today.getMinutes() + 'min' + today.getSeconds() + 's.';
}
setInterval("afficher()",1000);

Il faudra juste rajouter une div (par exemple) dont l'id sera 'heure'.

Petite remarque :

Code:

today.getYear()+1900

Depuis quelques temps, nous sommes passés dans les années 2000 ;)
mais autant faire

Code:

today.getFullYear()

14/04/2009, 08h43
Machriva

Tout marche bien ! Merci beaucoup :)