1
Date (javascript)
C’est quoi La gestion du temps?
Il s'agit en fait, en Javascript, du nombre de millisecondes écoulées depuis le 1er janvier 1970 à
minuit. Cette manière d'enregistrer la date est très fortement inspirée du système d'horodatage
utilisé par les systèmes Unix.
La seule différence entre le système Unix et le système du Javascript, c'est que ce dernier stocke le
nombre de millisecondes, tandis que le premier stocke le nombre de secondes. Dans les deux cas, ce
nombre s'appelle un timestamp.
Ce nombre ne nous sert vraiment qu'à peu de choses à nous, développeurs, car nous allons utiliser
l'objet Date qui va s'occuper de faire tous les calculs nécessaires pour obtenir la date ou l'heure à
partir de n'importe quel timestamp
L'objet Date ?
Les méthodes et les propriétés de l’objet date :
L'objet Date nous fournit un grand nombre de méthodes pour lire ou écrire une date. Le
constructeur : Commençons par le constructeur ! Ce dernier prend en paramètre de nombreux
arguments et s'utilise de différentes manières. Voici les quatre manières de l'utiliser :
¨Pour
créer un nouvel objet de type Date
Exemples :
const t = new Date(2023,04,04,18,18,54,0);
//aa,mm,jj,h,m,s,ms alert(t);
2
Les méthodes de l'objet Date: Étant donné que l'objet Date ne possède aucune propriété standard,
nous allons directement nous intéresser à ses méthodes qui sont très nombreuses
Exemples :
Méthodes Rôle Exemples
getDate( ) Renvoie le numéro du jour du var n = t . getDate( ); //n=4
mois (1- 31)
Renvoie le numéro du jour de la
getDay( )
semaine sachant que zero var n1 = t . getDay( ); //n1=4
correspond au dimanche et six au
samedi.
getFu11Year( ) Renvoie l’année (4 chiffres) var y = t . getFullYear( );
//y=2023
var h = t . getHours ();
getHours( ) Renvoie l’heure courante (0-23) //h=18
getMînutes () Renvoie le nombre de minutes de var m=[Link] () ;
l’heure //m=18
courante. (0-59)
getMonth( ) Renvoie le numéro du mois var mo=[Link]();
courant sachant //mo=4
que 0 correspond à jan et 11 à déc.
getSeconds () Renvoie le nombre de secondes var s=[Link] ()
de l’heure courante. (0-59) //s=54
toLoca1eDateStrîng( ) Renvoie une chaîne qui contient la var lo= t.toLoca1eDateString();
partie date en utilisant les //lo=“4/4/2023 “
conventions locales.
toLocaleTimeString( ) Renvoie une chaîne qui n = [Link]()
//n—-"18: 18:54“
contient l’heure locale.
3
Exercice 1 :
Créer un fichier html qui permet d’afficher la date du jour avec un code en JavaScript au
chargement de la page dans une paragraphe sous le format " JJ /MM/AAAA " (utilisez
l’évènement onload)
Exemple :
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script lang="javascript" src="date [Link]">
</script>
</head>
<body onload="dateauj()">
<p id="resultat" >bonjour</p>
</body>
</html>
date [Link]
function dateauj()
{
dt=new Date();
dj="bonjour nous sommes le
"+[Link]()+"/"+([Link]()+1)+"/"+[Link]();
[Link]('resultat').innerHTML=dj;
}
4
Exercice 2 :Créer une horloge numérique
<html>
<head>
<script type="text/javascript">
function refresh(){
var t = 1000; // rafraîchissement en millisecondes
setTimeout('showDate()',t)
}
function showDate() {
var date = new Date()
var h = [Link]();
var m = [Link]();
var s = [Link]();
if( h < 10 ){ h = '0' + h; }
if( m < 10 ){ m = '0' + m; }
if( s < 10 ){ s = '0' + s; }
var time = h + ':' + m + ':' + s
[Link]('horloge').innerHTML = time;
refresh();
}
</script>
</head>
<body onload=showDate();>
<span id='horloge' style="background-color:#1C1C1C;color:silver;font-
size:40px;"></span>
</body>
</html>
5
