Se terze parti orologi digitali del software si annoiano , costruire il proprio utilizzando il linguaggio di programmazione di Microsoft Hypertext Application ( HTA ) . Utilizzare le funzioni fornite da Internet Explorer , il linguaggio HTA porta la potenza di HTML e JavaScript sul tuo computer . Gli sviluppatori Web collocano orologi digitali su pagine Web utilizzando poche righe di JavaScript . Con l'aggiunta di questo codice per un programma di HTA , invece , è possibile personalizzare il proprio orologio digitale desktop utilizzando familiare Cascading Style Sheet ( CSS ) proprietà . Istruzioni
1
Aprire il blocco note e incolla questo blocco di dichiarazione HTA in un nuovo documento :
HTA type = "text /css " > <br> <p> clockStyle {border : blu punteggiato di spessore; <br> <p> background-color : #. FFFF00 ; width: 100px ; <br> altezza <p> : 20px , text -align: center ; } <br> <p> <br> <p> < /style > <br> <p> la porzione "stile " di questo codice , mostrata in basso , definisce una classe CSS di nome " clockStyle . " Questa classe definisce l'aspetto dell'orologio . L'attributo border , ad esempio , pone una spessa tratteggiata bordo blu intorno all'orologio . Colore di sfondo del clock è di colore giallo . Gli attributi di larghezza e altezza di determinare le dimensioni in pixel del clock <br> 2 <p> Aggiungi questo blocco JavaScript sotto il codice mostrato nel passaggio precedente : . <br> <p> < Tipo script = "text /javascript" language = "javascript " > <br> <p> var WindowWidth = 150; <br> <p> var WindowHeight = 100; <br> <p> var tickInterval = 1000; <br> <p> orologio var ; <br> <p> ore var ; <br> <p> var minuti ; <br> <p> var secondi; <br> <p> var displaySwitch = 9 ; <br> <p> var = delimitatore " : " ; <br> <p> var clockBody ; <br> <p> funzione startClock ( ) { <br> <p> var data = new Date ( ) ; <br> <p> var time = " " ; <br> <p> ore = Date.getHours (); <br> <p> minuti = date.getMinutes ( ) ; <br> <p> secondi = date.getSeconds (); <br> <p> ( ore < = displaySwitch ) <br> ore <p> = " 0 " + ore ; <br> <p> if ( minuti < = displaySwitch ) <br> <p> minuti = " 0 " + minuti ; <br> <p> if ( secondi < = displaySwitch ) <br> <p> secondi = " 0 " + secondi ; <br> <p> var OraAttuale = ore + delimitatore + minuti + delimitatore + secondi ; <br> <p> clockBody.innerHTML = OraAttuale ; <br> <p> orologio = setTimeout ( " startClock ( ) " , tickInterval ) ; <br> <p> } <br> <p> window.onload = function () { <br> finestra <p> . resizeTo ( WindowWidth , WindowHeight ) ; <br> <p> clockBody = document.getElementById ( " clockBody " ) ; <br> <p> startClock (); } <br> <p> <br> <p> < /script> <br> <p> Notate le variabili WindowWidth e WindowHeight nella parte superiore del blocco di codice . Questi controllano la dimensione della finestra che contiene l' orologio digitale . Modificare questi valori per tutto quello che vuoi <br> 3 <p> Aggiungere il codice riportato di seguito dopo il codice descritto nel passaggio precedente : . <br> <p> <body> <br> <p > <div id="clockBody" class="clockStyle"> <br> <p> < /div > <br> <p> < /body> <br> <p> < /html > <br> <p> Questo crea un elemento div . Questo è il corpo del orologio . I suoi riferimenti agli attributi di classe nella dichiarazione di stile CSS precedentemente <br> 4 <p> Premere " Ctrl" e " S" descritti . Contemporaneamente e digitare " DigitalClock.hta " nella casella " Nome File" che appare nel "Salva come " finestra. Fare clic su "Salva" per salvare il file . <br> 5 <p> Aprire Esplora risorse e trovare quel file . Fare doppio clic sul file per visualizzare l'orologio digitale . <br> <br>
<ul class="mhjkhjlj">
<li> <a class='LinkPrevArticle' href='/Programmazione/Computer-Programming-Languages/1177658.html' >Come leggere il contenuto di un file di testo utilizzando VBScript </a></li>
<li> <a class='LinkNextArticle' href='/Programmazione/Computer-Programming-Languages/1177662.html' >Come costruire un programma per computer </a></li>
</ul>
<div class="deep">
<div class="guanggadsadswqew"><script language='javascript' src='/AD/it3.js'></script></div>
<div class="guanggadsadswqew1"></div>
</div>
<div class="xiangguanleitong">
<div class="vbfdghgjt65f"><h4>Informazioni correlate</h4></div>
<ul>
<li><a href="/Programmazione/Java-Programming/1178692.html" target="_blank">Come ottenere il numero di porta del server in Java </a></li><li><a href="/Programmazione/Python-Programming/1187932.html" target="_blank">Come rimuovere i duplicati da una sequenza in Python </a></li><li><a href="/Programmazione/Java-Programming/1179304.html" target="_blank">Come fare Java Riconoscere Strings pari e dispari </a></li><li><a href="/Programmazione/Nozioni-di-base-di-Visual-Programming/1190710.html" target="_blank">Come creare i browser Web in base visivi </a></li><li><a href="/Programmazione/PHP--MySQL-Programmazione/1182776.html" target="_blank">Come utilizzare una E Funzione Modifier </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1175598.html" target="_blank">Immobili di algoritmi </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1173340.html" target="_blank">Come utilizzare il Device-Mapper Multipath </a></li><li><a href="/Programmazione/PHP--MySQL-Programmazione/1186320.html" target="_blank">Come Echo variabili utilizzando PHP </a></li>
</ul>
</div>
</div>
</div>
<div class="woshiyouleirog">
<div class="zxtjianasd">
<div class="bidssdfjm3"><h4>Articoli consigliati</h4></div>
<div class="dasdcdfurit33">
<ul>
<li><a href="/Programmazione/Computer-Programming-Languages/1176530.html" target="_blank">Come invertire un'istruzione if per ridurre Nesting </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1172892.html" target="_blank">Definizione di pre-e post - processori </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1176112.html" target="_blank">Come fare un report formato Terminal </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1175670.html" target="_blank">Come creare un disco da ISO </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1172960.html" target="_blank">Che lingua sono applicazioni Android scritte in </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1177152.html" target="_blank">SQL Fundamentals Formazione </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1177886.html" target="_blank">Come fare un elemento in linea con i CSS </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1177018.html" target="_blank">Come eseguire VMware in un terminale Linux </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1176378.html" target="_blank">Come creare Karaoke Software </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1174294.html" target="_blank">Come aggiornare vBulletin 4 Icone </a></li>
</ul>
</div>
</div>
<div class="guanggandgsa32a"> </div>
<div class="huosirengs">
<li><a class='childclass' href='/Programmazione/C--C-----Programming/' target="_self">C /C + + Programming</a></li> <li><a class='childclass' href='/Programmazione/Computer-Programming-Languages/' target="_self">Computer Programming Languages</a></li> <li><a class='childclass' href='/Programmazione/Delphi-Programming/' target="_self">Delphi Programming</a></li> <li><a class='childclass' href='/Programmazione/Java-Programming/' target="_self">Java Programming</a></li> <li><a class='childclass' href='/Programmazione/Programmazione-Javascript/' target="_self">Programmazione Javascript</a></li> <li><a class='childclass' href='/Programmazione/PHP--MySQL-Programmazione/' target="_self">PHP /MySQL Programmazione</a></li> <li><a class='childclass' href='/Programmazione/Perl-Programming/' target="_self">Perl Programming</a></li> <li><a class='childclass' href='/Programmazione/Python-Programming/' target="_self">Python Programming</a></li> <li><a class='childclass' href='/Programmazione/rubino-Programmazione/' target="_self">rubino Programmazione</a></li> <li><a class='childclass' href='/Programmazione/Nozioni-di-base-di-Visual-Programming/' target="_self">Nozioni di base di Visual Programming</a></li>
</div>
</div>
</div>
<div class="dsadsafa-da">
<p class="sdqwfwe42"> </p>
<p class="vbnhg654">Programmazione © www.354353.com</p>
<p class="iop8iud"> </p>
</div>
</div>
</body>
</html>