Als software van derden digitale klokken vervelen , bouw je eigen met behulp van Microsoft's Hypertext Application ( HTA ) programmeertaal . Met behulp van functies van Internet Explorer , de HTA taal brengt de kracht van HTML en JavaScript op uw bureaublad . Webontwikkelaars plaatst digitale klokken op webpagina's met behulp van een paar regels JavaScript . Door het toevoegen van deze code aan een HTA -programma in plaats daarvan , kunt u uw eigen desktop digitale klok met behulp van vertrouwde Cascading Style Sheet ( CSS ) eigenschappen aan te passen . Instructies
Open Kladblok en plak deze verklaring blok HTA in een nieuw document 1 :
HTA type = " text /css " > <br> <p> clockStyle { border : dikke gestippelde blauwe ; <p> achtergrond - kleur bestellen: . # FFFF00 ; width : 100px ; <p> hoogte <br> : 20px , text-align : center ; } <p> <br> <p> <br> < /style > <br> <p> de " stijl " gedeelte van deze code , aan de onderkant , definieert een CSS-klasse naam " clockStyle . " Deze klasse definieert het uiterlijk van de klok . Het attribuut border , bijvoorbeeld , plaatst een dikke , gestippelde blauwe rand rond de klok . De klok achtergrond kleur is geel . De breedte en hoogte waarden bepalen pixelafmetingen van de klok kopen van 2 <p> Voeg deze JavaScript blok onderstaande code getoond in de vorige stap : . <br> <p> < Script type = " text /javascript " language = " javascript " > <p> var WindowWidth <br> = 150 ; <p> var WindowHeight <br> = 100 ; <p> var tickInterval <br> = 1000 ; <p> var klok <br> ; < br > <p> var uur ; <p> var minuten <br> ; <p> var seconden <br> ; <br> <p> var displaySwitch = 9 ; <p> var delimiter <br> = " : " ; <br> <p> var clockBody ; <p> functie startClock <br> ( ) { var <p> date <br> = new date ( ) ; <p> var tijd <br> = " " ; <br> <p > uur = date.getHours ( ) ; <p> minuten <br> = date.getMinutes ( ) ; <p> seconden = date.getSeconds ( ) op ; <br> <p> if ( uren < = displaySwitch ) <p> uur <br> = " 0 " + uren ; <br> <p> if ( minuten < = displaySwitch ) <p> minuten <br> = " 0 " + minuten ; <br> <p> if ( seconden < = displaySwitch ) <p> seconden <br> = " 0 " + seconden ; <p> var currentTime <br> = uur + begrenzer + minuten + begrenzer + seconden ; <p> clockBody.innerHTML <br> = currentTime ; <p> klok <br> = setTimeout ( " startClock ( ) " , tickInterval ) ; <p> } <p> window.onload <br> = function ( ) { <p> venster <br> . resizeTo ( WindowWidth , WindowHeight ) ; <p> clockBody = document.getElementById <br> ( " clockBody " ) ; <p> startClock ( ) op ; <br> <p> } <br> <p> < /script > <br> <p> Let op de WindowWidth en WindowHeight variabelen aan de bovenkant van het codeblok . Deze controleren de afmetingen van het venster dat de digitale klok bevat . Verander deze waarden om alles wat je wilt <br> 3 <p> Voeg de onderstaande code na de code in de vorige stap beschreven getoond : . <p> <body> <br> <p <br> > <div id="clockBody" class="clockStyle"> <br> <p> < /div > <p> < /body > Telefoonkaarten <p> < /html > < br > <p> Dit zorgt voor een div- element . Dit is het lichaam van de klok . Zijn klasse attribuut verwijst naar de CSS- declaratie stijl eerder beschreven . <br> <p> Druk op " Ctrl " 4 en " S" gelijktijdig en typ " DigitalClock.hta " in het vak "Bestandsnaam " , dat in de " Save verschijnen As " venster . Klik op 'Opslaan' om het bestand op te slaan . <br> <p> Open Windows Explorer 5 en vinden dat bestand . Dubbelklik op het bestand om de digitale klok weer te geven . <br> <br></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90>
<tr>
<td bgColor=#e7edf4 align=middle><script language='javascript' src='/ad/201310/3.js'></script></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90>
<tr>
<td align=left>Previous: <a class='LinkPrevArticle' href='/programmering/computer-programming-languages/201309/88829.html' >Hoe de inhoud van een tekst bestand maken met VBScript Lees </a></li> </td>
<td align=right>Next: <a class='LinkNextArticle' href='/programmering/computer-programming-languages/201309/88831.html' >Hoe maak je een computer programma Bouwen </a></li> </td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=18>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=246>
<tr>
<td height=246 vAlign=top width=199>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=199>
<tr>
<td height=244 vAlign=top width=197>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>Computer Programming Languages</STRONG></td>
</tr>
</table>
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/87130.html" title="Hoe maak je een globale variabele in SSIS Creëren " target="_self">Hoe maak je een globale variab…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/88437.html" title="Wat is streng type controleren ? " target="_self">Wat is streng type controleren…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/86535.html" title="Hoe maak je een Kernel voor een Android Compile " target="_self">Hoe maak je een Kernel voor ee…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/86706.html" title="Hoe maak je een robot met Control MATLAB " target="_self">Hoe maak je een robot met Cont…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/86398.html" title="Wat is een label Expression " target="_self">Wat is een label Expression </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/88211.html" title="Hoe te Kolommen in Subforms Resize " target="_self">Hoe te Kolommen in Subforms Re…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/87239.html" title="Hoe maak je een klasse File " target="_self">Hoe maak je een klasse File </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/86638.html" title="Hoe maak je een Plot Maak Terwijl in een lus in MATLAB " target="_self">Hoe maak je een Plot Maak Terw…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/88621.html" title="Hoe maak je een regeleinde invoegen na een opgegeven aantal tekens " target="_self">Hoe maak je een regeleinde inv…</a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
<td vAlign=top width=12></td>
<td vAlign=top width=375>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=375>
<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>Related Articles</STRONG></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=209>
<tr>
<td height=201 width="33%"><IMG src="/img_xby/n1.jpg" width=111 height=182></td>
<td width="67%"><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96568.html' target="_self">Hoe maak je een Combo Box Maak in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96567.html' target="_self">Hoe maak je een Check Box Maak in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96566.html' target="_self">Hoe maak je een tekstvak maken in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96565.html' target="_self">Hoe maak je een optie Box in Visual Basi…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96564.html' target="_self">Hoe maak je een schijf keuzelijst in Vis…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96563.html' target="_self">Hoe kan ik een keuzelijst maken in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96562.html' target="_self">Hoe kan ik een Picture Box Maak in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96561.html' target="_self">Hoe een bestand keuzelijst Maak in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96560.html' target="_self">Hoe kan ik een afbeelding Box Maak in Vi…</a><br></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td vAlign=top width=8></td>
<td vAlign=top width=376>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=375>
<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>Programmering Articles</STRONG></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=207>
<tr>
<td height=199 width="33%"><IMG src="/img_xby/n2.jpg" width=111 height=182></td>
<td width="67%">
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/java-programming/201309/90563.html" title="How to Get een afbeelding in Java " target="_self">How to Get een afbeelding in Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/java-programming/201309/90670.html" title="Hoe te openen CSV -bestanden in een Microsoft Excel- toepassing die gebruik van Java-code " target="_self">Hoe te openen CSV -bestanden in een Micr…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/91904.html" title="Hoe te Latijn1 converteren naar UTF8 in MySQL " target="_self">Hoe te Latijn1 converteren naar UTF8 in …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/91436.html" title="Hoe maak je verbinding GoDaddy Java om MySQL " target="_self">Hoe maak je verbinding GoDaddy Java om M…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/python-programming/201309/93874.html" title="Hoe maak je een komma te scheiden van een string " target="_self">Hoe maak je een komma te scheiden van ee…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/java-programming/201309/90004.html" title="Hoe te Octaal converteren naar decimaal in Java " target="_self">Hoe te Octaal converteren naar decimaal …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/92598.html" title="Hoe te openen de PHP File Extension " target="_self">Hoe te openen de PHP File Extension </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/92014.html" title="Hoe maak je een Sub XML-structuur Snippet krijgen van een Big XML File " target="_self">Hoe maak je een Sub XML-structuur Snippe…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/java-programming/201309/89332.html" title="Hoe de Klinkers , Spaces & Medeklinkers van een gegeven string in Java Compute " target="_self">Hoe de Klinkers , Spaces & Medeklinkers …</a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=57>
<tr>
<td class=bs background=/img_xby/di.jpg align=center>Copyright © Computer Kennis https://www.nldit.com <script language='javascript' src='/ad/201310/5.js'></script></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10>
<tr>
<td></td>
</tr>
</table>
</div>
</body>
</html>
|
