Afficher la date et l'heure

Script pour afficher la date et l'heure dans une page

Ce script est un script JavaScript vous permettant d'afficher la date et l'heure en temps réel dans une page HTML, PHP ..
Vous avez deux façons d'afficher ce script dans une page :

Conseillée pour le gain de place :
1. Placer le code dans une page externe (d'extension .js) et l'appeler via le code suivant :
<script type="text/javascript" src="lien-du-fichier.js"></script>

Ou la méthode qui prend de la place dans votre page :
2. Placer le code entre les balises suivantes :
<script type="text/javascript">LE CODE</script>

Ces deux méthodes reviennent au même résultat, n'oubliez pas qu'il faut placer le code (1 ou 2) à l'endroit exact où vous voulez que le script s'affiche !!

Vous optiendrez donc le résultat suivant :

// JavaScript Document
// Script créé par le webmaster de http://cust.er.free.fr
 
// Initialise la fonction rafraichir qui a pour but de rafraichier la date toutes les secondes
function rafraichir()
{
// On initialise la variable text dans laquelle on affichera la date
var text = '';
 
// On initialise la fonction date qui nous servira a afficher les caractéristiques de la date (jour, mois, heure ...)
var date = new Date();
 
/* Fonction ' JOUR SEMAINE ' */
// Le jour de la semaine sera affiché de la façon : Lundi.
var jour_actuel = date.getDay();
var chaine_jour = Array('Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi');
  var jour_semaine = chaine_jour[jour_actuel];
 
/* Fonction ' JOUR ' */
// Le jour sera affiché de façon 20.
// Pour les jours de 1 a 9, on affichera donc un '0' devant.
if ( date.getDate() <= 9 )
 {
  var jour = '0'+date.getDate();
 }
else
 {
  var jour = date.getDate();
 }
 
/* Fonction ' MOIS ' */
var mois_actuel = date.getMonth();
var chaine_mois = Array('janvier', 'f&eacute;vrier', 'mars', 'avril', 'mai', 'juin',
        'juillet', 'ao&ucirc;t', 'septembre', 'octobre', 'novembre', 'd&eacute;cembre');
  var mois = chaine_mois[mois_actuel];
 
 
/* Fonction ' HEURES ' */
if ( date.getHours() <= 9 )
 {
  var heure = '0'+date.getHours();
 }
else
 {
  var heure = date.getHours();
 }
 
/* Fonction ' MINUTES ' */
if ( date.getMinutes() <= 9 )
 {
  var minutes = '0'+date.getMinutes();
 }
else
 {
  var minutes = date.getMinutes();
 }
 
/* Fonction ' SECONDES ' */
if ( date.getSeconds() <= 9 )
 {
  var secondes = '0'+date.getSeconds();
 }
else
 {
  var secondes = date.getSeconds();
 }
 
// On prépare l'affichage de la date et de l'heure
text +=  jour_semaine+' '+jour+' '+mois+' '+date.getFullYear();
text += ' - ';
text +=  heure+':'+minutes+':'+secondes;
 
// On indique que cette date sera affichée dans une balise dont l'"id" est "affiche_date"
document.getElementById('affiche_date').innerHTML = text;
}
// On écrit la balise dons l'id est "affiche_date"
// On peut aussi choisir une autre balise HTML !
document.write('<p id="affiche_date"></p>');
 
// Enfin, on rafraichi la fonction "rafraichir" toutes les secondes.
setInterval('rafraichir()',1000);
 
/* -- -- -- FIN -- -- -- */

Vous pouvez ensuite personnaliser cette 'horloge' en supprimant la date pour ne garder que l'heure ou inverse, à vous de voir ;-D !!

« Script