Formatage à l'heure actuelle avec JavaScript

La mise en forme des valeurs de date et de temps peut améliorer la lisibilité et la cohérence et peut les rendre plus facilement compréhensibles pour les utilisateurs. Il existe différentes situations où la date et l'heure doivent être formatées. Par exemple, formatez la date et l'heure en fonction de la région spécifique.

Lorsque le constructeur de date est appelé avec le nouveau mot clé "Nouvelle date ()», Il créera un nouvel objet de date représentant la date et l'heure actuelles comme suit:

Maintenant, voyons comment organiser / définir cette fois dans différents formats de temps.

Ce message montrera l'approche pour formater l'heure actuelle en JavaScript.

Comment formater l'heure actuelle avec JavaScript?

Pour la mise en forme de l'heure actuelle, utilisez les méthodes de l'objet de date prédéfini donné:

• Méthode tolocaletimestring ()
• Méthode Tolocalestring ()
• Méthode toutcstring ()

Méthode 1: format l'heure actuelle à l'aide de la méthode «tolocaletimestring ()»

Utilisez le "tolocaletimestring ()”Méthode pour formater l'heure actuelle. Il renvoie une chaîne représentant la partie heure de la date dans un format approprié pour le lieu de l'utilisateur.

Syntaxe
Utilisez la syntaxe suivante pour la méthode tolocaletimestring ():

date.tolocaletimestring ()

Exemple
Créer une variable "date«Cela stocke la date et l'heure actuelles en appelant le constructeur de date:

var date = new Date ();

Invoque le «tolocaletimestring ()«Méthode avec« Date »pour obtenir la partie heure de la date actuelle dans le fuseau horaire local de l'utilisateur. Enfin, appelez la «console.Log () ”Méthode pour l'imprimer sur la console:

var currentformattedtime = date.tolocaletimestring ();
console.log (currentformattedTime);

Comme vous pouvez le voir dans la sortie, le temps est récupéré en fonction des paramètres régionaux de l'utilisateur:

Méthode 2: Formater l'heure actuelle à l'aide de la méthode «Tolocalestring ()»

Pour formater l'heure actuelle, utilisez le «tolocalestring ()" méthode. Il donne une chaîne représentant la date et l'heure dans un format approprié pour le lieu de l'utilisateur.

Syntaxe
Suivez la syntaxe donnée pour la méthode tolocalestring ():

date.tolocalestring ()

Exemple
Appeler le "tolocalestring ()«Avec la date actuelle qui donne l'heure avec la date en fonction du lieu de l'utilisateur et l'imprimez sur la console:

var currentformattedtime = date.tolocalestring ();
console.log (currentformattedTime);

Il affiche l'heure avec la date au format paramètre de l'utilisateur:

Méthode 3: Formater l'heure actuelle à l'aide de la méthode «toutcstring ()»

Une autre façon de formater l'heure actuelle, utiliser le «toutcstring ()" méthode. Il donne une chaîne qui représente la date et l'heure au format UTC.

Syntaxe
La syntaxe donnée est utilisée pour la méthode toutcstring ():

date.toutcstring ()

Exemple
Invoquez la date.Méthode toutcstring () pour formater la date actuelle au format UTC:

var currentformattedtime = date.toutcstring ();
console.log (currentformattedTime);

Sortir

C'est tout au sujet de la mise en forme de l'heure actuelle dans JavaScript.

Conclusion

Pour formater l'heure actuelle, utilisez la méthode de l'objet date prédéfini, y compris le «tolocaletimestring ()" méthode, "tolocalestring ()«Méthode, ou le«toutcstring ()" méthode. La méthode «tolocaletimestring ()» donne la partie d'heure de la date actuelle, tandis que la méthode «Tolocalestring ()» donne la date et l'heure au format paramètre d'un utilisateur. La méthode «toutcstring ()» donne la date et l'heure au format UTC. Ce message a démontré l'approche pour formater l'heure actuelle en JavaScript.