|
|
|
| Comment faire une horloge numérique |
|
Si logiciels tiers horloges numériques vous ennuient , de construire votre propre en utilisant Hypertext Application Microsoft (HTA) langage de programmation . Utilisation des fonctionnalités offertes par Internet Explorer, la langue HTA apporte la puissance de HTML et JavaScript sur votre bureau. Les développeurs Web placent horloges numériques sur les pages Web à l'aide de quelques lignes de JavaScript. En ajoutant ce code à un programme d'ETS place , vous pouvez personnaliser votre propre horloge numérique de bureau à l'aide familier feuille de style en cascade (CSS ) des propriétés. Instructions 1 Ouvrez le Bloc-notes et collez ce bloc de déclaration HTA dans un nouveau document :
HTA type = " text /css" > Photos <p> clockStyle {border : . bleu pointillé épais ; <br> <p> background-color: # FFFF00 ; width: 100px ; <br> hauteur de <p> : 20px , text-align : center; } <br> <p> <br> <p> </style> Photos <p> la partie «style» de ce code, indiqué au bas , définit une classe CSS nommée " clockStyle . " Cette classe définit l'apparence de l'horloge. L'attribut de la frontière, par exemple , met une bordure bleue en pointillés épais autour de l'horloge . La couleur de fond de l'horloge est jaune. Les attributs de largeur et de hauteur déterminent les dimensions en pixels de l'horloge <br> 2 <p> Ajouter ce bloc JavaScript ci-dessous le code que vous voyez dans l'étape précédente: . <br> <p> < Script type = " text /javascript" language = "javascript "> Photos <p> var WindowWidth = 150; <br> <p> var windowHeight = 100; <br> <p> var tickInterval = 1000; <br> <p> horloge var ; < br > <p heures var ; <br> <p> minutes var ; <br> <p> secondes var ; <br> <p> var displaySwitch = 9 ; <br> <p> var delimiter = ":" ; Photos <p> var clockBody ; <br> fonction StartClock <p> () { var <br> <p> date = new Date () ; <br> <p> var time = ""; <br> < p> heures = Date.getHours (); <br> <p> minutes = Date.getMinutes () ; <br> <p> secondes = date.getSeconds (); <br> <p> si ( heures < = displaySwitch ) <br> <p> heures = "0" + heures ; <br> <p> if ( minutes < = displaySwitch ) <br> <p> minutes = "0" + minutes; <br> <p> if ( secondes < = displaySwitch ) <br> <p> secondes = "0" + secondes ; <br> <p> var = currentTime heures + minutes + + séparateur delimiter + secondes ; <br> <p> clockBody.innerHTML = currentTime ; <br> <p> horloge = setTimeout (" StartClock ()", tickInterval ) ; <p> <br> } <br> <p> window.onload = function () { fenêtre <p> <br> . resizeTo ( WindowWidth , windowHeight ) ; <br> <p> clockBody = document.getElementById (" clockBody "); <br> <p> StartClock (); } <br> <p> <br> <p> < /script> Photos <p> Notez les variables WindowWidth et windowHeight au sommet du bloc de code. Ce contrôle de la taille de la fenêtre qui contient l' horloge numérique . Changez ces valeurs à tout ce que vous aimez <br> 3 <p> Ajoutez le code ci-dessous après le code décrit dans l'étape précédente: . <br> <p> <body> <br> < P > <div id="clockBody" class="clockStyle"> <br> <p> </div> Photos <p> </body> Photos <p> </html > <br> <p> Cela crée un élément div . C'est le corps de l' horloge. Ses références aux attributs de la déclaration de style CSS décrits précédemment . <br> 4 <p> Appuyez sur "Ctrl " et " S" simultanément et tapez " DigitalClock.hta " dans la case " Nom de fichier " qui apparaissent dans le "Save comme " fenêtre. Cliquez sur "Enregistrer " pour enregistrer le fichier . <br> 5 <p> Ouvrez l'Explorateur Windows et de trouver ce fichier. Double- cliquez sur le fichier pour afficher l'horloge numérique. <br> <br>
<div class=ad2><script language='javascript' src='/ad/201310/4.js'></script></div>
</div>
</td>
</tr>
</table>
<table width="95%" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#DEE7EE">
<tr>
<td></td>
</tr>
</table>
<table width="100%" height="7" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table width="91%" height="52" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="51%"><p>Previous ： <a class='LinkPrevArticle' href='/programmation/computer-programming-languages/88829.html' >Comment lire le contenu d' un fichier texte en utilisant VBScript </a></li></p></td>
</tr>
<tr>
<td width="49%"> next ： <a class='LinkNextArticle' href='/programmation/computer-programming-languages/88831.html' >Comment construire un programme informatique </a></li></td>
</tr>
</table></td>
</tr>
</table>
<table width="100%" height="7" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table width="770" height="246" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="375" height="246" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE">
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm"> articles connexes </td> </tr>
</table>
<table width="95%" height="209" border="0" align="center" cellpadding="0" cellspacing="4">
<tr>
<td height="201"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/computer-programming-languages/87311.html" title="Comment faire pour déboguer la DLL " target="_self">Comment faire pour déboguer la DLL </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/computer-programming-languages/87942.html" title="Comment configurer un ordinateur pour accéder ActiveX passer par le serveur " target="_self">Comment configurer un ordinateur pour accéder ActiveX …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/computer-programming-languages/88332.html" title="Comment convertir des fichiers Mpeg " target="_self">Comment convertir des fichiers Mpeg </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/computer-programming-languages/86490.html" title="Pourquoi y at-il les écarts entre Div tags " target="_self">Pourquoi y at-il les écarts entre Div tags </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/computer-programming-languages/86485.html" title="Qu'est-ce qu'un curseur en TSQL " target="_self">Qu'est-ce qu'un curseur en TSQL </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/computer-programming-languages/86422.html" title="Comment faire un T -Test dans MATLAB " target="_self">Comment faire un T -Test dans MATLAB </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/computer-programming-languages/87454.html" title="Comment faire pour convertir le mot binaire MSB et LSB pour DECIMAL " target="_self">Comment faire pour convertir le mot binaire MSB et LSB …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/computer-programming-languages/87371.html" title="Étapes du cycle de traitement des données " target="_self">Étapes du cycle de traitement des données </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/computer-programming-languages/88453.html" title="Comment modifier un document Word dans ASP.Net " target="_self">Comment modifier un document Word dans ASP.Net </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/computer-programming-languages/88790.html" title="Comment créer un fichier INF Autorun " target="_self">Comment créer un fichier INF Autorun </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="20" valign="top"></td>
<td width="375" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE">
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm">articles en vedette </td> </tr>
</table>
<table width="95%" height="207" border="0" align="center" cellpadding="0" cellspacing="4">
<tr>
<td height="199"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/computer-programming-languages/88141.html" title="Comment découper une chaîne en deux variables PowerShell " target="_self">Comment découper une chaîne en deux variables PowerSh…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/computer-programming-languages/86940.html" title="La définition d'UML " target="_self">La définition d'UML </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/java-programming/90702.html" title="Comment démarrer écriture de programmes informatiques " target="_self">Comment démarrer écriture de programmes informatiques…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/python-programming/93876.html" title="Comment séparer un Int dans un tableau " target="_self">Comment séparer un Int dans un tableau </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/visual-basics-programming/96161.html" title="Comment attribuer une expression à une étiquette dans Visual Basic " target="_self">Comment attribuer une expression à une étiquette dans…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/visual-basics-programming/95327.html" title="Comment exporter accéder à partir de Visual Basic " target="_self">Comment exporter accéder à partir de Visual Basic </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/visual-basics-programming/96174.html" title="Visual Basic 6 Projets pour les débutants " target="_self">Visual Basic 6 Projets pour les débutants </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/computer-programming-languages/86929.html" title="Comment mettre en place un lecteur JW 5.1 avec Lighttpd " target="_self">Comment mettre en place un lecteur JW 5.1 avec Lighttpd…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/python-programming/93579.html" title="Comment exécuter des applications Java à partir de Python " target="_self">Comment exécuter des applications Java à partir de Py…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/php-mysql-programming/92221.html" title="Comment faire pour convertir Varchar flotter dans MySQL " target="_self">Comment faire pour convertir Varchar flotter dans MySQL…</a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<table width="980" height="8" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=980 bgColor=#36506e height=90>
<tr>
<td class=bs height=90 align=middle>Copyright © Connaissances Informatiques http://fr.wingwit.com
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html>
| | |
