.....
L’objet date est un objet permettant les manipulations des dates et des périodes.
L'objet date est employé pour fonctionner avec des dates et des périodes.
Les objets date sont créés avec le constructeur date ().
Il y a quatre manières d'instancier une date :
new Date() // date et temps courant
new Date(milliseconds) //millisecondes depuis 01/01/1970
new Date(dateString)
new Date(année, mois, jour, heurs, minutes, seconds, millisecondes)
La plupart des paramètres ci-dessus sont facultatifs. Si on ne spécifie un des paramètre il prend la valeur zéro .
Une fois qu'un objet date est créé, un certain nombre de méthodes permettent de le manipuler.
La plupart des méthodes permettent d'obtenir et placer l'année, le mois, le jour, l'heure, la minute, la seconde, et les millisecondes de l'objet, utilisant l'heure locale ou le temps UTC (universel, ou GMT).
Toutes les dates sont calculées en millisecondes à partir du 1er janvier 1970 à zéro heure : Temps 00 universel avec un jour contenant 86.400.000 millisecondes.
Quelques exemples d'instancier une date :
var aujourdhui = new Date()
d1 = new Date("October 13, 1975 11:13:00")
d2 = new Date(81,6,21)
d3 = new Date(81,6,21,11,25,0)
Nous pouvons facilement manoeuvrer la date en employant les méthodes disponibles pour l'objet date. Dans l'exemple ci-dessous nous avons placé un objet date à une date spécifique (le 4 october 2010) :
var maDate=new Date();
maDate.setFullYear(2010,9,4);
Et dans l'exemple suivant nous avons placé un objet date pour être de 15 jours dans le futur :
var maDate=new Date();
maDate.setDate(maDate.getDate()+15);
Note : Si on ajoute 15 jours à une date, les changements du décalage du mois ou de l'année, sont manipulés automatiquement par l'objet date lui-même !
L'objet date est également employé pour comparer deux dates.
L'exemple suivant compare la date d'aujourd'hui au 14 janvier 2010 :
var maDate=new Date(); maDate.setFullYear(2010,0,14); var aujourdhui = new Date(); if (maDate > aujourdhui) { alert("Aujourd’hui est après le 14 janvier 2010"); } else { alert("Aujourd’hui est avant le 14 janvier 2010"); }
Exemples :
Voici quelques exemples pour manipuler l’objet date.
Exemple comment afficher une horloge
<html> <head> <script type="text/javascript"> function startTime() {//on récupère la date courante var aujourdhui=new Date(); // on extrait l'heure, les minute et les secondes var h=aujourdhui.getHours(); var m=aujourdhui.getMinutes(); var s=aujourdhui.getSeconds(); m=checkTime(m); s=checkTime(s); //affichage dans l'élément du document qui a un id="txt" sous forme de texte document.getElementById('txt').innerHTML=h+":"+m+":"+s; //on rafrichi le temps tous les 500 millisecondes t=setTimeout('startTime()',500); } // ajouter un zéro si le nombre est inférieur à 10 function checkTime(i) { if (i<10) { i="0" + i; } return i; } </script> </head> <body onload="startTime()"> <div id="txt"></div> </body> </html>
Exemple comment afficher les jours de la semaine en français
Sélectionner le code<html> <body> <script type="text/javascript"> var d=new Date(); var jourDeSemaine=new Array(7); jourDeSemaine[0]="Dimanche"; jourDeSemaine[1]="lundi"; jourDeSemaine[2]="Mardi"; jourDeSemaine[3]="Mercredi"; jourDeSemaine[4]="Jeudi"; jourDeSemaine[5]="Vendredi"; jourDeSemaine[6]="Samedi"; /*affichage des jours de la semaine en français*/ document.write("Aujourd'hui c'est " + jourDeSemaine[d.getDay()]); </script> </body> </html>
Exemple comment afficher le temps en millisecondes depuis 1970
Sélectionner le code<html> <body> <script type="text/javascript"> var d=new Date(); document.write(d.getTime() + " millisecondes depuis le 01/01/1970"); </script> </body> </html>
Exemple comment afficher la date complète du jour
Sélectionner le code<html> <body> <script type="text/javascript"> var d=new Date(); document.write(d); </script> </body> </html>
Cours precedent: |
Sommaire : |
Cours suivant: |