|
|
|
| Hvordan lage en digital klokke |
|
Hvis tredjeparts programvare digitale klokker kjede deg , bygge din egen ved hjelp av Microsofts Hypertext Application ( HTA ) programmeringsspråk. Ved hjelp av funksjonene som tilbys av Internet Explorer , bringer HTA språk kraften av HTML og JavaScript til skrivebordet ditt. Webutviklere plassere digitale klokker på websider ved hjelp av noen få linjer med JavaScript. Ved å legge denne koden til en HTA -programmet i stedet , kan du tilpasse ditt eget skrivebord digital klokke med kjent Cascading Style Sheet ( CSS ) egenskaper . Instruksjoner en Åpne Notisblokk og lim inn denne HTA erklæringen blokk i et nytt dokument : en
HTA type = "text /css " > <br> <p> clockStyle {border : tykk stiplet blå ; <br> <p> background- color: . # FFFF00 ; bredde : 100px ; <br> <p> høyde: 20px ; text-align : center ; <br> <p> } <br> <p> < /style > <br> <p> "style "-delen av denne koden , vises nederst , definerer en CSS-klasse som heter " clockStyle . " Denne klassen definerer klokken utseende . Grensen attributt, for eksempel plasserer en tykk , stiplet blå ramme døgnet rundt. Klokken bakgrunn farge er gul . Bredden og høyden attributter bestemme klokken pikseldimensjoner <br> 2 <p> Legg denne JavaScript blokk under koden vist i forrige trinn : . <br> <p> < Script type = "text /javascript " language = " javascript " > <br> <p> Var windowWidth = 150; <br> <p> Var windowHeight = 100; <br> <p> Var tickInterval = 1000 ; <br> <p> Var klokke; <br> <p> VAR timer, <br> <p> VAR minutter; <br> <p> VAR sekunder, <br> <p> Var displaySwitch = 9 , <br> <p> Var delimiter = " :"; <br> <p> Var clockBody ; <br> <p> funksjon startClock ( ) { <br> <p> Var date = new Date (); <br> <p> Var time = " "; <br> < p> timer = date.getHours (); <br> <p> minutter = date.getMinutes ( ) ; <br> <p> sekunder = date.getSeconds (); <br> <p> if ( timer < = displaySwitch ) <br> <p> timer = " 0 " + timer ; <br> <p> if ( minutter < = displaySwitch ) <br> <p> minutter = " 0 " + minutter ; <br> <p> if ( sekunder < = displaySwitch ) <br> <p> sekunder = " 0 " + sekunder, <br> <p> Var currentTime = timer + skilletegn + minutter + skilletegn + sekunder, <br> <p> clockBody.innerHTML = currentTime ; <br> <p> klokke = setTimeout ( " startClock ( )" , tickInterval ) ; <br> <p> } <br> <p> window.onload = function () { <br> <p> vindu . resizeTo ( windowWidth , windowHeight ) ; <br> <p> clockBody = document.getElementById ( " clockBody "); <br> <p> startClock (); <br> <p> } <br> <p> < /script > <br> <p> merke til windowWidth og windowHeight variabler på toppen av koden blokken . Her bestemmer størrelsen av vinduet som inneholder den digitale klokke . Endre disse verdiene til noe du liker <br> 3 <p> Legg inn koden vist nedenfor etter at koden er beskrevet i forrige trinn : . <br> <p> <body> <br> < P > <div id="clockBody" class="clockStyle"> <br> <p> < /div > <br> <p> < /body > <br> <p> < /html > <br> p Dette skaper et div element . Dette er klokkens legeme . Sin klasse attributt referanser CSS stil erklæringen beskrevet tidligere. <br> 4 <p> Trykk " Ctrl" og " S" samtidig, og skriv " DigitalClock.hta " i " File Name" -boksen som vises i " Save som "-vinduet . Klikk på " Lagre" for å lagre filen . <br> 5 <p> Åpne Windows Utforsker og finner ut at filen. Dobbeltklikk på filen for å vise den digitale klokken. <br> <br>
<div class=ad2><script language='javascript' src='/ad/201310/4.js'></script></div>
</div>
</td>
</tr>
</table>
<table width="745" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#ecf0f4">
<tr>
<td bgcolor="#ecf0f4"></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="7">
<tr>
<td></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="95%" align="center" height="26">
<tr>
<td width="51%"><p>früher ： <a class='LinkPrevArticle' href='http://www.datamaskin.biz/Programmering/computer-programming-languages/88829.html' >Hvordan lese innholdet i en tekst -fil med VBScript </a></li></p></td>
</tr>
<tr>
<td width="49%"> Weiter： <a class='LinkNextArticle' href='http://www.datamaskin.biz/Programmering/computer-programming-languages/88831.html' >Hvordan bygge et dataprogram </a></li></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="7">
<tr>
<td></td>
</tr>
</table></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" height=7>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=770 align=center height=246>
<tr>
<td height=246 vAlign=top width=375>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=380>
<tr>
<td height=244 vAlign=top>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><strong>Relatert Artike</strong></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=209>
<tr>
<td height=201>
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/86720.html" title="Hvordan erstatte COBOL " target="_self">Hvordan erstatte COBOL </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/86584.html" title="Hvordan skrive periodiske signaler i MATLAB " target="_self">Hvordan skrive periodiske signaler i MATLAB </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/88132.html" title="Hvordan oppdage Stack Overflow " target="_self">Hvordan oppdage Stack Overflow </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/86738.html" title="Hvordan bruke DTrace som et minne Profiler " target="_self">Hvordan bruke DTrace som et minne Profiler </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/88829.html" title="Hvordan lese innholdet i en tekst -fil med VBScript " target="_self">Hvordan lese innholdet i en tekst -fil med VBScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/87969.html" title="Hvordan endrer jeg Alpha Numerisk til heltall i COBOL " target="_self">Hvordan endrer jeg Alpha Numerisk til heltall i COBOL </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/88315.html" title="Hvordan installere en RPM pakke " target="_self">Hvordan installere en RPM pakke </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/88773.html" title="Endre Tekstfarge på Mouseover " target="_self">Endre Tekstfarge på Mouseover </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/87785.html" title="Hvordan passordbeskytte et Word -dokument med C #-kode " target="_self">Hvordan passordbeskytte et Word -dokument med C #-kode </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/87839.html" title="Slik formaterer websider ved hjelp av stilarket " target="_self">Slik formaterer websider ved hjelp av stilarket </a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td vAlign=top width=20></td>
<td vAlign=top width=375>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=380>
<tr>
<td height=244 vAlign=top>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><strong>Anbefalte artikler </strong></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=207>
<tr>
<td height=199>
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/visual-basics-programming/96106.html" title="Adkomst: VBA Execute Query " target="_self">Adkomst: VBA Execute Query </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/87170.html" title="Slik sletter en rad fra DataGridView hjelp Bind DataSource " target="_self">Slik sletter en rad fra DataGridView hjelp Bind DataSou…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/visual-basics-programming/96273.html" title="Slik konverterer Standard Time Into desimal tid med Visual Basic " target="_self">Slik konverterer Standard Time Into desimal tid med Vis…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/88481.html" title="Hvordan redigere en JSP-fil " target="_self">Hvordan redigere en JSP-fil </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/visual-basics-programming/94662.html" title="Hvordan få Web Forms Fra Visual Basic " target="_self">Hvordan få Web Forms Fra Visual Basic </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/php-mysql-programming/92613.html" title="Hvordan koble PHP til MySQL Ved hjelp av WAMP " target="_self">Hvordan koble PHP til MySQL Ved hjelp av WAMP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/visual-basics-programming/94615.html" title="Slik konverterer en HTML e-post til ren tekst på Vb.Net " target="_self">Slik konverterer en HTML e-post til ren tekst på Vb.Ne…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/88032.html" title="Hvordan bruke Force Feedback Med GTA IV for Xbox " target="_self">Hvordan bruke Force Feedback Med GTA IV for Xbox </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/88474.html" title="Hvordan redigere en WAB Fil " target="_self">Hvordan redigere en WAB Fil </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/delphi-programming/88953.html" title="Pascal Array Pekere " target="_self">Pascal Array Pekere </a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=980 height=8>
<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=center>Copyright © Datamaskin http://www.datamaskin.biz/
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html> | | |
