<< Retour au sommaire

 

 

Dates & heures

 

 

Le sommaire :

  1. Présentation de « new Date ».
  2. La méthode « getYear » .
  3. La méthode « getMonth ».
  4. La méthode « getDate ».
  5. La méthode « getDay ».
  6. La méthode « getHours ».
  7. La méthode « getMinutes ».
  8. La méthode « getSeconds ».
  9. Un exemple.

 

 

Présentation de « new Date »

 

La méthode « new Date » sans paramètres retourne la date et l’heure du système, donc de votre ordinateur.

 

La syntaxe :

var DateHeure = new Date();

 

La description :

La variable « DateHeure » reçoit la date et l’heure du système.

 

Voici un exemple :

 

<p>

<script type="text/javascript">

var LaDate = new Date();

document.write (LaDate);

</script>

</p>

 

 

La méthode « getYear »

 

Cette méthode, appliquée sur une variable qui a reçu la date et l’heure système par l’intermédiaire de la méthode « new Date », extrait les 4 caractères correspondant à l’année.

 

La syntaxe :

var LaDate = new Date();

var année = LaDate.getYear();

 

La description :

Dans la première ligne de code, “LaDate” reçoit de la part de la méthode « new Date », une valeur de type texte contenant toutes les informations portant sur la date et l’heure système.

Mais dans la seconde ligne de code, la méthode « getYear » extrait l’année de la variable « LaDate », pour l’affecter dans la variable intitulée « année « .

 

Remarquez, pourquoi ne pas faire plus court ?

Si l’on envoyez directement dans la variable « année » le résultat de la méthode « getYear » appliquée sur la méthode « new Date » ?

 

Eh bien voici ce que ça donne, et ça marche !

var année = new Date().getYear();

 

 

La méthode « getMonth »

 

Cette méthode, appliquée sur une variable qui a reçu la date et l’heure système par l’intermédiaire de la méthode « new Date », retourne un entier qui désigne le mois courant. Les valeurs retournées sont « 0 » pour le mois de janvier, « 1 » pour février, jusqu’à « 11 » pour décembre.

 

La syntaxe :

var LaDate = new Date();

var mois = LaDate.getMonth();

 

La description :

Dans la première ligne de code, “LaDate” reçoit de la part de la méthode « new Date », une valeur de type texte contenant toutes les informations portant sur la date et l’heure système.

Mais dans la seconde ligne de code, la méthode « getMonth » extrait le mois de la variable « LaDate », pour l’affecter dans la variable intitulée « mois « .

 

Remarquez, pourquoi ne pas faire plus court ?

Si l’on envoyez directement dans la variable « mois » le résultat de la méthode « getMonth » appliquée sur la méthode « new Date » ?

var mois = new Date().getMonth();

 

 

La méthode « getDate »

 

Cette méthode, appliquée sur une variable qui a reçu la date et l’heure système par l’intermédiaire de la méthode « new Date », retourne un entier qui désigne le jour courant. Les valeurs retournées sont de 1 à 31.

 

La syntaxe :

var LaDate = new Date();

var jour = LaDate.getDate();

 

La description :

Dans la première ligne de code, “LaDate” reçoit de la part de la méthode « new Date », une valeur de type texte contenant toutes les informations portant sur la date et l’heure système.

Mais dans la seconde ligne de code, la méthode « getDate » extrait le jour de la variable « LaDate », pour l’affecter dans la variable intitulée « jour « .

 

Remarquez, pourquoi ne pas faire plus court ?

Si l’on envoyez directement dans la variable « jour » le résultat de la méthode « getDate » appliquée sur la méthode « new Date » ?

var jour = new Date().getDate();

 

 

La méthode « getDay »

 

Cette méthode, appliquée sur une variable qui a reçu la date et l’heure système par l’intermédiaire de la méthode « new Date », retourne un entier qui désigne le jour courant de la semaine. Les valeurs retournées sont de 1 à 7.

1 pour « lundi, 2 pour « mardi », jusqu’à 7 pour « dimanche».

 

La syntaxe :

var LaDate = new Date();

var jour = LaDate.getDay();

 

La description :

Dans la première ligne de code, “LaDate” reçoit de la part de la méthode « new Date », une valeur de type texte contenant toutes les informations portant sur la date et l’heure système.

Mais dans la seconde ligne de code, la méthode « getDay » extrait le jour de la semaine de la variable « LaDate », pour l’affecter dans la variable intitulée « jour « .

 

Remarquez, pourquoi ne pas faire plus court ?

Si l’on envoyez directement dans la variable « jour » le résultat de la méthode « getDay » appliquée sur la méthode « new Date » ?

var jour = new Date().getDay();

 

 

La méthode « getHours »

 

Cette méthode, appliquée sur une variable qui a reçu la date et l’heure système par l’intermédiaire de la méthode « new Date », retourne un entier qui désigne l’heures courante.

 

La syntaxe :

var LaDate = new Date();

var heures = LaDate.getHours();

 

La description :

Dans la première ligne de code, “LaDate” reçoit de la part de la méthode « new Date », une valeur de type texte contenant toutes les informations portant sur la date et l’heure système.

Mais dans la seconde ligne de code, la méthode « getHours » extrait l’heures de la variable « LaDate », pour l’affecter dans la variable intitulée « heures « .

 

Remarquez, pourquoi ne pas faire plus court ?

Si l’on envoyez directement dans la variable « heures » le résultat de la méthode « getHours » appliquée sur la méthode « new Date » ?

var heures = new Date().getHours();

 

 

La méthode « getMinutes »

 

Cette méthode, appliquée sur une variable qui a reçu la date et l’heure système par l’intermédiaire de la méthode « new Date », retourne un entier qui désigne les minutes courantes.

 

La syntaxe :

var LaDate = new Date();

var minutes = LaDate.getMinutes();

 

La description :

Dans la première ligne de code, “LaDate” reçoit de la part de la méthode « new Date », une valeur de type texte contenant toutes les informations portant sur la date et l’heure système.

Mais dans la seconde ligne de code, la méthode « getMinutes » extrait les minutes de la variable « LaDate », pour l’affecter dans la variable intitulée « minutes « .

 

Remarquez, pourquoi ne pas faire plus court ?

Si l’on envoyez directement dans la variable « minutes » le résultat de la méthode « getMinutes » appliquée sur la méthode « new Date » ?

var minutes = new Date().getMinutes();

 

 

La méthode « getSeconds »

 

Cette méthode, appliquée sur une variable qui a reçu la date et l’heure système par l’intermédiaire de la méthode « new Date », retourne un entier qui désigne les secondes courantes.

 

La syntaxe :

var LaDate = new Date();

var secondes = LaDate.getSeconds();

 

La description :

Dans la première ligne de code, “LaDate” reçoit de la part de la méthode « new Date », une valeur de type texte contenant toutes les informations portant sur la date et l’heure système.

Mais dans la seconde ligne de code, la méthode « getSeconds » extrait les secondes de la variable « LaDate », pour l’affecter dans la variable intitulée « secondes « .

 

Remarquez, pourquoi ne pas faire plus court ?

Si l’on envoyez directement dans la variable « secondes » le résultat de la méthode « getSeconds » appliquée sur la méthode « new Date » ?

var secondes = new Date().getSeconds();

 

 


Un exemple

 

Voici le code d’une page qui affiche la date et l’heure

 

Afficher l'horloge >>

 

Le code de la page :

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >

<head>

<title>Quel jour sommes-nous ?</title>

<!-- Voici un coucou pour l'accueil -->

<bgsound src="coucou.wav" loop="infinite" /> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

</head>

<body>

<h1>Affichage de la date du jour</h1>

<p>

<script type="text/javascript">

// Affectation du jour de la semaine dans JourSemaine

var JourSemaine = new Date().getDay();

// Recherche la correspondance

if (JourSemaine==1) date = "Lundi";

if (JourSemaine==2) date = "Mardi";

if (JourSemaine==3) date = "Mercredi";

if (JourSemaine==4) date = "Jeudi";

if (JourSemaine==5) date = "Vendredi";

if (JourSemaine==6) date = "Samedi";

if (JourSemaine==7) date = "dimanche"

// Concaténation du jour du mois dans la variable "date"

date = date+" "+new Date().getDate();

// affectation du mois dans la variable "Mois"

mois = new Date().getMonth()+1;

// Recherche de la correspondance

if (mois==1) date=date+" janvier";

if (mois==2) date=date+" février";

if (mois==3) date=date+" mars";

if (mois==4) date=date+" avril";

if (mois==5) date=date+" mai";

if (mois==6) date=date+" juin";

if (mois==7) date=date+" juillet";

if (mois==8) date=date+" août";

if (mois==9) date=date+" septembre";

if (mois==10) date=date+" octobre";

if (mois==11) date=date+" novembre";

if (mois==12) date=date+" décembre";

// concaténation de l'année à la variable "date"

date = date+" "+new Date().getYear();

document.write ("Aujourd'hui, nous sommes le ");

document.write (date);

// occupons-nous maintenant de l'heure !

var heure = new Date().getHours(); 

// gestion du singulier-pluriel

// concaténation de "heures" si 'lheure courante est supérieure à 1

// sinon concaténation de "heure"

if (heure>1) {

 heure = heure+" heures "; }

else {

 heure = heure +" heure "; }

// concaténation des minutes dans la variable "heure"

heure = heure +new Date().getMinutes();

document.write ("<br />- et il est très exactement "+heure);

</script>

</p>

</body>

</html>

 

Philippe BOULANGER