Connaître la date et l'heure courante en Javascript

Pour connaitre la date et l'heure courante en Javascript (un peu comme la fonction time() de PHP, il faut utiliser l'objet Date :

var now = new Date();

Quand on créé un objet date avec aucun paramètre, l'objet est créé à la date courante, c'est aussi simple que ça !

Ensuite on peut obtenir toutes les infos que l'on souhaite grâce à cet objet now que nous venons de créer : le numéro du mois, l'année, le jour, l'heure... :

var annee   = now.getFullYear();
var mois    = now.getMonth() + 1;
var jour    = now.getDate();
var heure   = now.getHours();
var minute  = now.getMinutes();
var seconde = now.getSeconds();

alert( "Nous sommes le "+jour+"/"+mois+"/"+annee+" et il est "+heure+" heure "+minute+" minutes "+seconde+" secondes" );
// Résultat: Nous sommes le 2/11/2012 et il est 19 heure 57 minutes 37 secondes

Vous remarquerez que j'ai ajouté 1 à getMonth(). En effet, la fonction getMonth ne retourne pas le numéro de mois comme on à l'habitude de numéroter les mois (de 1 à 12), mais de 0 à 11. Il faut donc ajouter 1 pour avoir un résultat "human readable".

Cette page peut vous intéresser : types de graphiques excel à lire tout de suite !

Autre point : l'objet date retourne des nombres entiers. Ainsi il n'y a pas de zéro devant les numéros de jour, mois... à un chiffre. Pour avoir le numéro de mois sur 2 chiffres, on peut utiliser une petite astuce consistant à concaténer un 0 devant (en début de chaine), puis en tronquant l'ensemble à 2 caractères avec slice :

var now = new Date();

var annee   = now.getFullYear();
var mois    = ('0'+now.getMonth()+1).slice(-2);
var jour    = ('0'+now.getDate()   ).slice(-2);
var heure   = ('0'+now.getHours()  ).slice(-2);
var minute  = ('0'+now.getMinutes()).slice(-2);
var seconde = ('0'+now.getSeconds()).slice(-2);

alert( "Nous sommes le "+jour+"/"+mois+"/"+annee+" et il est "+heure+" heure "+minute+" minutes "+seconde+" secondes" );

Cette astuce marche aussi dans les expressions After Effects qui sont basées sur Javascript, cf : Créer un chronométre avec les expressions After Effects.

Fini de lire cette page ? allez faire un tour ici : texte 3d avec photoshop cs6, ça peut vous intéresser.