• Astuce • Afficher la date et l'heure •

Voici un script Javascript qui permet d'afficher la date et l'heure avec rafraichissement toutes les secondes.

Javascript
function rafraichir()
{
//Initialisation
var datetext = '';
var heuretext = '';

var date = new Date();

// Récupération du jour de la semaine (chaine)
var jour_actuel = date.getDay();
var chaine_jour = Array('Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi');
var jour_semaine = chaine_jour[jour_actuel];

// Mise en forme du jour
if ( date.getDate() <= 9 )
var jour = '0' + date.getDate();
else
var jour = date.getDate();

// Mise en forme du mois
var mois_actuel = date.getMonth();
var chaine_mois = Array('janvier', 'février', 'mars', 'avril', 'mai', 'juin', 'juillet', 'août', 'septembre', 'octobre', 'novembre', 'décembre');
var mois = chaine_mois[mois_actuel];

// Mise en forme de l'heure
if ( date.getHours() <= 9 )
var heure = '0' + date.getHours();
else
var heure = date.getHours();

// Mise en forme des minutes
if ( date.getMinutes() <= 9 )
var minutes = '0' + date.getMinutes();
else
var minutes = date.getMinutes();

// Mise en forme des secondes
if ( date.getSeconds() <= 9 )
var secondes = '0' + date.getSeconds();
else
var secondes = date.getSeconds();

// Construction des chaines finales date et heure
datetext += jour_semaine + ' ' + jour + ' ' + mois + ' ' + date.getFullYear();
heuretext += heure + ':' + minutes + ':' + secondes;

// Affichage de la date et de l'heure dans des balises
document.getElementById('date').innerHTML = datetext;
document.getElementById('heure').innerHTML = heuretext;
}

// Raffraichissement de la fonction toutes les secondes.
setInterval('rafraichir()',1000);

HTML
<div id="dateA"></div> <div id="heure"></div>