JavaScript fournit une variété de méthodes pour créer des composants Web de pointe pour améliorer l'interactivité du site Web. L'horloge numérique est l'élément clé de tout site Web qui afficherait l'heure actuelle sur la partie spécifique de la page Web.

Dans le guide d'aujourd'hui, nous montrerons la façon de créer une horloge numérique à l'aide de JavaScript.

Comment concevoir une horloge numérique à l'aide de JavaScript?

Vous auriez observé des horloges numériques sur la plupart des sites Web. Avez-vous déjà pensé à la façon dont ils sont créés? C'est JavaScript qui vous permet de mettre des horloges numériques en direct sur les pages Web. Voyons comment vous pouvez le créer.

Avant d'entrer dans les détails, vous devez connaître le fonctionnement de quelques méthodes JavaScript intégrées qui seront utilisées dans cet exemple. La méthode date () est le composant clé de la création d'une horloge numérique, car il contient les informations de date, d'heure, d'année, etc. De plus, les méthodes suivantes seront également utilisées:

• getSeconds (): Pour obtenir les secondes.
• getMinutes (): Pour récupérer les minutes.
• Gethours (): pour obtenir l'heure.

Exemple

L'exemple de code suivant représente la création d'une horloge numérique à l'aide de JavaScript.

Code

Bienvenue à l'horloge numérique à l'aide de JavaScript

La description du code est la suivante:

• Le Heure de début() la méthode est définie dans laquelle vous extraire la date actuelle en utilisant le Date() méthode.
• De plus, l'objet de la méthode date () est utilisé avec des méthodes getSeconds (), gethours () et getMinutes () pour extraire les secondes, les heures et les minutes.
• Après, le Temps() La méthode est utilisée pour placer zéro sur le côté gauche du nombre si le nombre est inférieur à zéro.

Sortir

La sortie représente qu'une simple horloge numérique s'affiche sur la page Web qui affiche l'heure actuelle.

Conclusion

Une horloge numérique peut être créée en utilisant la méthode date () et en appliquant l'objet de la méthode date () sur les méthodes getSeconds (), getMinutes () et Gethours (). Dans cet article, l'utilisateur a appris à concevoir une horloge numérique en JavaScript. Les méthodes GetSeconds (), getMinutes () et Gethours () sont utilisées pour extraire les secondes, les minutes et les heures à partir de la méthode de date.