Maîtrise complète de l'objet Date de JavaScript

[Recommandations associées : didacticiel vidéo JavaScript, front-end Web]

Ensuite, nous expliquerons le deuxième type d'objet intégré commun dans JS - Objet Date

. L'objet Date est différent de l'objet Math. L'objet Math n'est pas un constructeur. et peut être utilisé directement, alors que l'objet Date est un constructeur, nous devons donc passer par l'instanciation de l'objet, c'est-à-dire new avant de pouvoir être utilisé. Les objets Date sont principalement utilisés pour traiter les problèmes d'heure et de date dans le développement.

Instanciation de l'objet Date :

var date=new Date();

L'objet Date peut être instancié avec ou sans paramètres. La sortie sans paramètres est l'heure standard du système actuel. S'il y a des paramètres, nous pouvons afficher l'heure que nous voulons afficher. .1

 : Instanciation sans paramètres.

Après l'instanciation sans paramètres, l'heure et la date du système actuel seront affichées.

var date=new Date( //Aucun paramètre console.log(date); sortir.

2: Instanciation avec paramètres

Il existe deux types d'instanciation avec paramètres, à savoir le type numérique et le type chaîne . Voici des exemples des deux types respectivement

1. Instanciation de paramètres numériques :

var date=new Date(2021 ,1,18); //Paramètre numérique console.log(date);

Vous pouvez voir que le paramètre que nous avons entré est janvier, mais le résultat de sortie est février (février). La sortie numérique sera supérieure d'un mois au mois que nous avons entré.

2. Instanciation des paramètres de chaîne :

var date=new Date('2021-1-18 12:56:00'); //Paramètres de chaîne console.log(date);

Le paramètre est janvier et le résultat de sortie est également janvier, donc les paramètres de chaîne sont utilisés plus souvent que les paramètres numériques.

Trois : Formatez l'année, le mois et le jour.

Nous savons déjà que l'objet Math possède de nombreux attributs et méthodes qui peuvent être utilisés directement. Il en va de même pour l'objet Date. De nombreuses méthodes peuvent également être utilisées après l'instanciation. méthodes utilisées pour formater l'année, le mois et le jour :

getFullYear() Afficher l'année en cours

getMonth() Afficher le mois en cours (il convient de noter que le mois de sortie est 1 de moins que le mois réel et 1 doit être ajouté à la sortie du mois réel)

getDate() Afficher le jour en cours

getDay() Afficher le jour actuel de la semaine (numéros correspondants du lundi au dimanche : 1 2 3 4 5 6 0)

var Date=new Date();

 console.log(Date.getFullYear()); //Sortie de l'année en cours console.log(Date.getMonth() + 1); //Le résultat de sortie est le mois précédant le mois en cours. Vous devez ajouter manuellement 1 pour renvoyer. le mois en cours console .log(Date.getDate()); //Affiche le jour actuel de la semaine console.log(Date.getDay());

Si vous souhaitez que l'effet de sortie soit le mardi 18 janvier 2021 , vous pouvez procéder comme suit

(car le jour de la semaine ne peut renvoyer qu'un seul nombre, mais selon l'habitude, nous voulons renvoyer le « jour de la semaine », donc nous traitons le nombre renvoyé comme un index, mettons du dimanche au samedi dans un tableau, car dimanche renvoie 0, donc mettons dimanche à la première position du tableau, ce qui correspond à l'index 0)

var arr=['Sunday','Monday ',' Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'];

var Date=nouvelle Date();

var année=Date.getFullYear(); 

var mois=Date.getMonth() + 1; 

var date=Date.getDate();

var jour=Date.getDay();  

 console.log(année + 'année' + mois + 'mois' + date + 'jour' + arr[jour]);

Quatre : le formatage des heures, des minutes

getHours()

comme le formatage des années, des mois et des jours ci-dessus

Afficher l'heure actuelle

getMinutes() Afficher la minute en cours

getSeconds() Afficher la deuxième

var actuelle Date=new Date();  

console.log(Date.getHours()); //Affiche l'heure actuelle console.log(Date.getMinutes()); //Affiche les minutes actuelles console.log(Date.getSeconds()); secondes

Afficher les heures, les minutes et les secondes au format continu :

encapsulez-les dans une fonction et utilisez l'opérateur ternaire pour ajouter 0 aux nombres inférieurs à 10, ce qui est conforme à l'habitude habituelle de regarder la

fonction temporelle time()

{

var time=nouvelle Date();

var h=time.getHours();

h = h<10 ? '0'+h : h;

var m=time.getMinutes();

m = m<10 ? '0'+m : m;

var s=time.getSeconds();

s = s<10 ? '0'+s : s;

return h+'heure'+m+'minute'+s+'seconde';

}

console.log(time());

Cinq : obtenez le nombre total de millisecondes (horodatage) de l'heure actuelle.

Le nombre total de millisecondes mentionné ici fait référence au nombre total de millisecondes entre l'heure actuelle et le 1er janvier 1970. Il existe quatre méthodes pour exprimer

valueOf()

getTime. ()

var date= nouvelle Date();

console.log(date.valueOf());   

console.log(date.getTime());

Ou utilisez une autre méthode d'écriture simple var date=+new Date(); qui renvoie le nombre total de millisecondes

var date=+new Date();

(

date);

et une nouvelle méthode ajoutée dans H5. Cette méthode peut être obtenue sans instancier un objet et est plus simple

dans

la vie quotidienne

Les comptes à rebours sont utilisés à de nombreux endroits au cours du développement, comme Taobao, le compte à rebours Double Eleven Flash Sale de JD.com, etc. Comment pouvons-nous écrire un effet de compte à rebours ? Nous pensons d'abord à ce que nous venons d'apprendre sur l'obtention de l'heure actuelle, puis ? soustrayez l'heure que nous avons définie. L'heure est suffisante, mais l'heure standard que nous obtenons est probablement un nombre négatif après soustraction (comme 02-12). Notre horodatage est donc précieux. L'horodatage est le nombre total de millisecondes que nous venons de mentionner. Pour cela, nous pouvons utiliser le nombre total de millisecondes défini moins le nombre total de millisecondes actuel. conversions d'unités, vous pouvez obtenir un cas de compte à rebours simple. Tout d'abord, nous devons maîtriser la relation entre les conversions d'unités :

1 seconde = 1000 millisecondes

, jours = secondes/60/60/24

heures = secondes Nombre/60/60 %. 24

minutes=secondes/60%60

seconds=seconds%60Pour

les secondes qui ne peuvent pas être divisibles, nous pouvons utiliser la méthode parseInt() pour arrondir. Avec une telle relation de conversion, nous pouvons facilement réaliser ce cas de compte à rebours avec

la fonction count(time).

{

    var nowtime=+new Date(); //Obtenir l'heure actuelle var aimtime=+new Date(time); //Obtenir l'heure cible (heure de fin)

    var times=(aimtime-nowtime)/1000; //Obtenez la différence de temps du compte à rebours (millisecondes). Divisez 1000 pour obtenir les secondes var d=parseInt(times/60/60/24) //Obtenez les jours du compte à rebours d=. d<10?'0' +d:d; //Ajoute 0 au temps inférieur à 10

    var h=parseInt(times/60/60%24) //Obtenir le compte à rebours h=h<10?'0'+h:h //Ajouter 0 au temps inférieur à 10;

    var m=parseInt(times/60%60) //Obtenir le compte à rebours m=m<10?'0'+m:m //Ajouter 0 au temps inférieur à 10;

    var s=parseInt(times%60) //Obtenir le compte à rebours s=s<10?'0'+s:s //Ajouter 0 au temps inférieur à 10;

    return d + 'jour' + h + 'heure' + m + 'minute' + s + 'seconde' //Retour du compte à rebours} ;

alert('Le compte à rebours reste' + count('2022-1-18 16:30:00')); //Appelez et entrez l'heure de fin de la cible

[Recommandations associées : tutoriel vidéo javascript, front-end web]

Le ci-dessus est une compréhension complète. Pour plus de détails sur l'objet Date de JavaScript, veuillez prêter attention aux autres articles connexes sur le réseau de code source pour plus d'informations !