Javascript

Ce cours ne nécessite aucune connaissance informatique préalable, excepté celle du HTML. Le Javascript est un langage de programmation appliqué aux objets d'un document HTML.

L'objet Date

L'objet Date n'a pas de propriété, excepté peut être 'prototype' qui provient de la notion d'objet.

Liste des méthodes de l'objet :

getDate() Retourne le jour dans le mois
getDay() Retourne le jour dans la semaine
getHours() Retourne l'heure
getMinutes() Retourne les minutes
getMonth() Retourne le numéro du mois
getSeconds() Retourne les secondes
getTime() Retourne de compteur
getTimezoneOffset() Retourne le décalage du fuseau horaire
getYear() Retourne l'année
parse(chaîne_GMT) Convertie une date/heure en UTC
setDate(1..31) Affect le jour dans le mois
setHours(0..23) Affect l'heure
setMinutes(0..59) Affect les minutes
setMonth(0..11) Affect le numéro du mois
setSeconds(0..59) Affect les secondes
setTime(nombre_UTC) Affect le compteur
setYear(année) Affect l'année
toGMTString() Retourne la date GMT
toLocaleString() Retourne la date locale
UTC(a, m, j [, hh [, mn [, ss]]])) Génère une valeur UTC
Utilisation de l'objet Date. Haut de page

L'objet Date contient un ensemble de méthode nous permettant de travailler sur une date (et heure).

Syntaxe : [var] instance = new Date();
new Date(nombre_UTC);
new Date(Chaîne_GMT);
new Date(année, mois, jour);
new Date(année, mois, jours, heures, minutes, secondes);

Lors de la déclaration sans paramètre, l'instance contient la date actuel du système.

Notre exemple vous affiche l'objet "Date" suivant votre navigateur.

"Wed Aug 4 19:24:51 UTC+0200 1999".
"Wed Aug 04 19:24:53 GMT+0200 (Heure d'été Paris Madrid) 1999".
<HTML><body><script><!--

var d = new Date();

document.write(d);

//--></script></body></HTML>
Date - getDate() Haut de page

Cette méthode retourne le numéro de jour du mois.

Notre exemple s'applique sur la date actuel du système.

<HTML><body><script><!--

var d = new Date();

document.write(d,"<hr>');
document.write(d.getDate());

//--></script></body></HTML>
Date - getDay() Haut de page

Retourne le numéro du jour de la semaine. Cette valeur est comprise entre 0 et 6, où 0 représente Dimanche.

Notre exemple index un tableau des noms de la semaines.

<HTML><body><script><!--

var j = new Array('Dim','Lun','Mar'
  ,'Mer','Jeu','Ven','Sam');
var d = new Date();

document.write(d,"<hr>");
document.write(j[d.getDay()]);

//--></script></body></HTML>
Date - getHours() Haut de page

Retourne l'heure en format 24 heures ; c'est-à-dire entre 0 et 23.

<HTML><body><script><!--

var d = new Date();

document.write(d,"<hr>");
document.write(d.getHours());

//--></script></body></HTML>
Date - getMinutes() Haut de page

Retourne les minutes de l'objet date ; la valeur est comprise entre 0 et 59.

<HTML><body><script><!--

var d = new Date();

document.write(d,"<hr>");
document.write(d.getMinutes());

//--></script></body></HTML>
Date - getMonth() Haut de page

Retourne le mois de la date ; la valeur est comprise entre 0 et 11, où 0 représente Janvier.

<HTML><body><script><!--

var m = new Array('Jan','Fev'
,'Mar','Avr','Mai','Juin','Juil'
,'Aou','Oct','Nov','Sep','Dec');
var d = new Date();

document.write(d,"<hr>");
document.write(m[d.getMonth()]);

//--></script></body></HTML>
Date - getSeconds() Haut de page

Retourne les secondes de l'objet date ; la valeur est comprise entre 0 et 59. 

<HTML><body><script><!--

var d = new Date();

document.write(d,"<hr>");
document.write(d.getSeconds());

//--></script></body></HTML>
Date - getTime() Haut de page

Retourne de compteur de l'élément date, qui représente le nombre de milliseconde écoulé depuis le 1 janvier 1970, en heure GMT. 

<HTML><body><script><!--

var d = new Date();

document.write(d,"<hr>");
document.write(d.getTime());

//--></script></body></HTML>
Date - getTimezoneOffset() Haut de page

Retourne le nombre de minute de différence entre l'heure GMT ou UTC et l'heure de la zone locale. La valeur est en minute, car dans certaine pays, l'intervalle n'est pas en heure entière. 

<HTML><body><script><!--

var d = new Date();

document.write(d,"<hr>");
document.write(d.getTimezoneOffset());

//--></script></body></HTML>
Date - getYear() Haut de page

Retourne l'année de l'objet date ; dans la plupart des cas, il représente le nombre d'années écoulées depuis 1900. Cependant, dès l'an 2000, sur certain navigateur, la valeur retourné peut être suffisante. 

Retourne respectivement pour l'an 1999 et 2000 :
99 et 2000
99 et 100
<HTML><body><script><!--

var d = new Date();
var an = d.getYear();

document.write(d,"<hr>");
document.write(an,"<hr>");

if (an < 1000) an += 1900;
document.write(an);

//--></script></body></HTML>
Date - parse(chaîne_GMT) Haut de page

Converti une date/heure en un nombre (UTC) représentant l'écoulement en millisecondes depuis le 1 janvier 1970.

Remarquez que l'exemple utilise directement l'objet "Date" sans en définir une instance. 

<HTML><body><script><!--

document.write(
  Date.parse("24 Dec 1999"));

//--></script></body></HTML>
Date - setDate(1..31) Haut de page

Cette méthode affecte le numéro de jour du mois à l'objet date. 

Remarquez que le numéro du jours de la semaine s'en trouve modifié. 

<HTML><body><script><!--

var d = new Date();
document.write(d,"<hr>");

d.setDate(24);
document.write(d);

//--></script></body></HTML>
Date - setHours(0..23) Haut de page
Cette méthode affecte l'heure de l'objet date.
<HTML><body><script><!--

var d = new Date();
document.write(d,"<hr>");

d.setHours(1);
document.write(d);

//--></script></body></HTML>
Date - setMinutes(0..59) Haut de page
Cette méthode affecte les minutes de l'objet date.
<HTML><body><script><!--

var d = new Date();
document.write(d,"<hr>");

d.setMinutes(7);
document.write(d);

//--></script></body></HTML>
Date - setMonth(0..11) Haut de page
Cette méthode affecte le mois de l'objet date.

Remarquez que le numéro du jours de la semaine s'en trouve modifié.  

<HTML><body><script><!--

var d = new Date();
document.write(d,"<hr>");

d.setMonth(11); // décembre
document.write(d);

//--></script></body></HTML>
Date - setSeconds(0..59) Haut de page
Cette méthode affecte les secondes de l'objet date.
<HTML><body><script><!--

var d = new Date();
document.write(d,"<hr>");

d.setSeconds(0);
document.write(d);

//--></script></body></HTML>
Date - setTime(nombre_UTC) Haut de page

Cette méthode affecte la date et l'heure de l'objet date avec un nombre UTC ; ce dernier est une valeur représentant le temps écoulé en millisecondes depuis le 1 janvier 1970. 

<HTML><body><script><!--

var d = new Date();
document.write(d,"<hr>");

d.setTime(157157000000);
document.write(d);

//--></script></body></HTML>
Date - setYear(année) Haut de page
Cette méthode affecte l'année de l'objet date.

Toutes valeur inférieur à 100 sera comprise comme étant une date du vingtième siècle (additionné à 1900). Ainsi 101 désignera l'an 101. 

<HTML><body><script><!--

var d = new Date();
document.write(d,"<hr>");

d.setYear(74);
document.write(d);

//--></script></body></HTML>
Date - toGMTString() Haut de page
Retourne la date/heure de l'objet date au format GMT de référence.

Remarquez que le jours peut être différent et que l'heure est ajusté suivant votre fuseau horaire. 

<HTML><body><script><!--

var d = new Date();

document.write(d,"<br>",
document.write(d.toGMTString());

//--></script></body></HTML>
Date - toLocaleString() Haut de page
Retourne la date/heure locale de l'objet date.
<HTML><body><script><!--

var d = new Date();

document.write(d,"<br>",
document.write(d.toLocaleString());

//--></script></body></HTML>
Date - UTC(année, mois, jour [, heure [, min [, sec]]]) Haut de page

Génère une valeur UTC avec les éléments données en paramètres.  

Remarquez que l'exemple utilise directement l'objet "Date" sans en définir une instance. 

<HTML><body><script><!--

document.write(
  Date.UTC(74,11,24));

//--></script></body></HTML>
Dernière mise à jour : dimanche 06 janvier 2008