L’objet date de JavaScript peut être utilisé pour obtenir l’année, le mois et le jour. Vous pouvez afficher une minuterie sur la page Web à l’aide de l’objet date de JavaScript.
Vous pouvez utiliser différents constructeurs Date pour créer un objet date. Il fournit des méthodes pour obtenir et définir le jour, le mois, l’année, l’heure, les minutes et les secondes.
Constructeur
Vous pouvez utiliser 4 variantes du constructeur Date pour créer un objet date.
Date() Date(milliseconds) Date(dateString) Date(annee, moi, jour, heurs, minutes, secondes, millisecondes)
Méthodes de date JavaScript
Voyons la liste des méthodes de date JavaScript avec leur description.
| Les méthodes | La description |
|---|---|
| gatDate() | Il renvoie la valeur entière comprise entre 1 et 31 qui représente le jour de la date spécifiée sur la base de l’heure locale. |
| getDay () | Il renvoie la valeur entière comprise entre 0 et 6 qui représente le jour de la semaine sur la base de l’heure locale. |
| getFullYears () | Il renvoie la valeur entière qui représente l’année sur la base de l’heure locale. |
| getHours () | Il renvoie la valeur entière comprise entre 0 et 23 qui représente les heures sur la base de l’heure locale. |
| getMilliseconds () | Il renvoie la valeur entière comprise entre 0 et 999 qui représente les millisecondes sur la base de l’heure locale. |
| getMinutes () | Il renvoie la valeur entière comprise entre 0 et 59 qui représente les minutes sur la base de l’heure locale. |
| getMonth () | Il renvoie la valeur entière comprise entre 0 et 11 qui représente le mois sur la base de l’heure locale. |
| getSeconds () | Il renvoie la valeur entière comprise entre 0 et 60 qui représente les secondes sur la base de l’heure locale. |
| getUTCDate () | Il renvoie la valeur entière comprise entre 1 et 31 qui représente le jour de la date spécifiée sur la base du temps universel. |
| getUTCDay () | Il renvoie la valeur entière comprise entre 0 et 6 qui représente le jour de la semaine sur la base du temps universel. |
| getUTCFullYears () | Il renvoie la valeur entière qui représente l’année sur la base du temps universel. |
| getUTCHours () | Il renvoie la valeur entière comprise entre 0 et 23 représentant les heures sur la base du temps universel. |
| getUTCMinutes () | Il renvoie la valeur entière comprise entre 0 et 59 qui représente les minutes sur la base du temps universel. |
| getUTCMonth () | Il renvoie la valeur entière comprise entre 0 et 11 qui représente le mois en fonction du temps universel. |
| getUTCSeconds () | Il renvoie la valeur entière comprise entre 0 et 60 qui représente les secondes sur la base du temps universel. |
| setDate() | Il définit la valeur de jour pour la date spécifiée sur la base de l’heure locale. |
| setDay () | Il définit le jour de la semaine en fonction de l’heure locale. |
| setFullYears () | Il définit la valeur de l’année pour la date spécifiée sur la base de l’heure locale. |
| setHours () | Il définit la valeur de l’heure pour la date spécifiée en fonction de l’heure locale. |
| setMilliseconds () | Il définit la valeur en millisecondes pour la date spécifiée sur la base de l’heure locale. |
| setMinutes () | Il définit la valeur des minutes pour la date spécifiée sur la base de l’heure locale. |
| setMonth () | Il définit la valeur du mois pour la date spécifiée en fonction de l’heure locale. |
| setSeconds () | Il définit la deuxième valeur pour la date spécifiée sur la base de l’heure locale. |
| setUTCDate () | Il définit la valeur de jour pour la date spécifiée sur la base du temps universel. |
| setUTCDay () | Il définit le jour de la semaine en fonction du temps universel. |
| setUTCFullYears () | Il définit la valeur de l’année pour la date spécifiée sur la base du temps universel. |
| setUTCHours () | Il définit la valeur de l’heure pour la date spécifiée sur la base du temps universel. |
| setUTCMilliseconds () | Il définit la valeur en millisecondes pour la date spécifiée sur la base du temps universel. |
| setUTCMinutes () | Il définit la valeur des minutes pour la date spécifiée sur la base du temps universel. |
| setUTCMonth () | Il définit la valeur du mois pour la date spécifiée sur la base du temps universel. |
| setUTCSeconds () | Il définit la deuxième valeur pour la date spécifiée sur la base du temps universel. |
| toDateString () | Il retourne la partie date d’un objet Date. |
| toISOString () | Il retourne la date sous la forme format chaîne ISO. |
| toJSON () | Il retourne une chaîne représentant l’objet Date. Il sérialise également l’objet Date lors de la sérialisation JSON. |
| toString () | Il retourne la date sous forme de chaîne. |
| toTimeString () | Il retourne la partie heure d’un objet Date. |
| toUTCString () | Il convertit la date spécifiée sous forme de chaîne en utilisant le fuseau horaire UTC. |
| valueOf() | Il retourne la valeur primitive d’un objet Date. |
Exemple de date JavaScript
Voyons un exemple simple pour imprimer un objet de date. Il imprime la date et l’heure à la fois.
Date et heure actuelles: <span id="txt"></span>
<script>
var today=new Date();
document.getElementById('txt').innerHTML=today;
</script>
Résultat :
Date et heure actuelles:
Voyons un autre code pour imprimer la date / mois / année.
<script>
var date=new Date();
var day=date.getDate();
var month=date.getMonth()+1;
var year=date.getFullYear();
document.write("<br>La date est: "+day+"/"+month+"/"+year);
</script>
Résultat :
Exemple JavaScript Heure actuelle
Voyons l’exemple simple pour imprimer l’heure actuelle du système.
Date actuelle: <span id="txt"></span>
<script>
var today=new Date();
var h=today.getHours();
var m=today.getMinutes();
var s=today.getSeconds();
document.getElementById('txt').innerHTML=h+":"+m+":"+s;
</script>
Résultat :
Date actuelle:
Exemple d’horloge numérique en JavaScript
Voyons un exemple simple d’affichage d’horloge numérique à l’aide d’un objet de date JavaScript.
Il existe deux manières de définir un intervalle en JavaScript: par la méthode setTimeout () ou setInterval ().
Date actuelle: <span id="txt"></span>
<script>
window.onload=function(){getTime();}
function getTime(){
var today=new Date();
var h=today.getHours();
var m=today.getMinutes();
var s=today.getSeconds();
// ajouter zero devant les nombres <10
m=checkTime(m);
s=checkTime(s);
document.getElementById('txt').innerHTML=h+":"+m+":"+s;
setTimeout(function(){getTime()},1000);
}
//setInterval("getTime()",1000);//autre methode
function checkTime(i){
if (i<10){
i="0" + i;
}
return i;
}
</script>
Résultat :
Date actuelle: