Comment faire une horloge numérique

Contenu

Les instructions
Comment
Références

Si vous n'avez pas encore trouvé le modèle d'horloge numérique idéal, vous pouvez créer le vôtre à l'aide du langage de programmation HTA. Avec les fonctionnalités fournies par Internet Explorer, ce langage intègre toutes les fonctionnalités HTML et JavaScript sur votre bureau. Les développeurs peuvent ajouter des horloges numériques aux pages Web en utilisant quelques lignes de code JavaScript. Cependant, avec le langage HTA, il est possible de créer des modèles personnalisés à l'aide des propriétés CSS.

Les instructions

Il n'est pas nécessaire de disposer d'une horloge physique pour connaître l'heure (Martin Poole / Photodisc / Getty Images)

Ouvrez le Bloc-notes et collez l'instruction suivante dans votre nouveau document:

Test HTA

type = "text / css"> .clockStyle {border: bleu épais en pointillé; couleur de fond: # FFFF00; largeur: 100px; hauteur: 20px; text-align: center; }
La section "style" de ce code, affichée à la fin, définit la classe appelée "clockStyle". Cette classe détermine l'apparence de la montre. Par exemple, les attributs de bordure insèrent une ligne de bordure en pointillé bleu autour de l'horloge. Le fond est jaune. Les paramètres de largeur et de hauteur caractérisent la résolution en pixels de l'objet.
Ajoutez le bloc JavaScript suivant sous le code de l'étape précédente:

Notez les variables "windowWidth" et "windowHeight" en haut du code. Ils contrôleront la taille de la fenêtre contenant l'horloge numérique. Modifiez ces valeurs comme vous le souhaitez.
Ajoutez le code suivant sous celui décrit dans la dernière section:

>

Cela créera l'élément "div", c'est-à-dire le corps de l'horloge. L'attribut de votre classe fait référence à la déclaration de style CSS décrite précédemment.
Appuyez simultanément sur les touches "Ctrl" et "S" et tapez "DigitalClock.hta" dans le champ "Nom du fichier" affiché dans la fenêtre "Enregistrer sous". Cliquez sur "Enregistrer" pour enregistrer le nom du fichier.
Ouvrez "Windows Explorer" et recherchez le fichier. Double-cliquez sur le fichier pour afficher l'horloge numérique.

Comment

Personnalisez l'horloge en modifiant les propriétés CSS dans la section "style" du document. Par exemple, pour changer l'arrière-plan en rose, remplacez "jaune" dans le code par "rose". Habituellement, les horloges mettent à jour l'affichage toutes les secondes. Pour changer le taux de rafraîchissement, remplacez "1000" dans le code par une autre valeur, telle que 2000. Ceci changera l'horloge toutes les deux secondes.