|
|
|
| Hvordan man laver et digitalt ur |
|
Hvis tredjeparts software digitale ure kede dig , opbygge din egen bruger Microsofts Hypertext Application ( MTV ) programmeringssprog. Brug funktioner, som Internet Explorer , MTV sproget bringer magt HTML og JavaScript til skrivebordet. Webudviklere placerer digitale ure på websider ved hjælp af et par linjer af JavaScript. Ved at tilføje denne kode til en MTV -program i stedet , kan du tilpasse dit eget skrivebord digitale ur ved hjælp af velkendte Cascading Style Sheet ( CSS) egenskaber. Instruktioner 1 Åbn Notesblok og indsætte denne MTV erklæring blok i et nyt dokument : Hej
MTV type = "text /css " > <br> <p> clockStyle {border : tyk stiplet blå , <br> <p> background- color: . # FFFF00 , bredde: 100px ; <br> <p> højde: 20px , tekst- align: center; <br> <p> } <br> <p> < /style > <br> <p> "stil " del af denne kode, vises nederst , definerer en CSS opkaldt klasse " clockStyle ". Denne klasse definerer urets udseende. Grænsen attribut , for eksempel, placerer en tyk, prikket blå kant døgnet rundt. Urets baggrundsfarve er gul. Bredde og højde attributter bestemme urets pixeldimensionerne <br> 2 <p> Føj dette JavaScript blok under koden vist i det foregående trin : . <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 ur; < 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> funktion startClock () { <br> <p> var dato = new date (); <br> <p> var tid = "" ; <br> < p> timer = date.getHours (); <br> <p> minutter = date.getMinutes (); <br> <p> sekunder = date.getSeconds (); <br> p Hvis (timer <= displaySwitch ) <br> <p> timer = "0" + timer , <br> <p> hvis (minutter <= displaySwitch ) <br> <p> minutter = "0" + minutter ; <br> <p> if ( sekunder <= displaySwitch ) <br> <p> sekunder = "0" + sekunder <br> <p> var currentTime = timer + delimiter + minutter + delimiter + sekunder , <br> <p> clockBody.innerHTML = currentTime ; <br> <p> ur = setTimeout ( " startClock ()" , tickInterval ), <br> <p> } <br> <p> window.onload = function () { <br> <p> vindue . resizeTo ( windowWidth , windowHeight ), <br> <p> clockBody = document.getElementById ( " clockBody ") <br> <p> startClock (); <br> <p> } <br> <p> < /script > <br> <p> Bemærk windowWidth og windowHeight variabler i toppen af koden blok. Disse styrer størrelsen af vinduet , der indeholder den digitale ur . Ændre disse værdier, til noget, du kan lide <br> 3 <p> Tilføj koden vist nedenfor efter koden er beskrevet i det foregående trin : . <br> <p> <body> <br> < P > <div id="clockBody" class="clockStyle"> <br> <p> < /div > <br> <p> < /body > <br> <p> < /html > < br > <p> Dette skaber en div element . Dette er urets krop . Sin klasse attribut referencer CSS style erklæringen, som beskrevet tidligere . <br> 4 <p> Tryk på " Ctrl" og "S" samtidigt og skrive " DigitalClock.hta " i " File Name" feltet , der vises i "Gem som "vinduet. Klik på "Gem " for at gemme filen. <br> 5. <p> Åbn Windows Stifinder , og find den fil. Dobbeltklik på filen for at få vist det digitale ur . <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>Forrige ： <a class='LinkPrevArticle' href='/Programmering/computer-programming-languages/88829.html' >Hvordan til at læse indholdet af en tekstfil Brug VBScript </a></li></p></td>
</tr>
<tr>
<td width="49%"> næste ： <a class='LinkNextArticle' href='/Programmering/computer-programming-languages/88831.html' >Hvordan man opbygger en computer Program </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"> Relaterede artikler </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="/Programmering/computer-programming-languages/87401.html" title="Hvad er funktioner af en Transfer Buffer " target="_self">Hvad er funktioner af en Transfer Buffer </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/computer-programming-languages/86602.html" title="Sådan sletter et element fra en underliste i skema " target="_self">Sådan sletter et element fra en underliste i skema </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/computer-programming-languages/87744.html" title="Hvordan man laver et foto Clickable " target="_self">Hvordan man laver et foto Clickable </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/computer-programming-languages/86601.html" title="Sådan bruges Snippet Editor " target="_self">Sådan bruges Snippet Editor </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/computer-programming-languages/87351.html" title="Hvordan man skriver et program, der 10 heltal som Input " target="_self">Hvordan man skriver et program, der 10 heltal som Input…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/computer-programming-languages/88462.html" title="Sådan Lær System Design " target="_self">Sådan Lær System Design </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/computer-programming-languages/88262.html" title="Sådan overføre data fra en ADO Recordset til et bord med ADO " target="_self">Sådan overføre data fra en ADO Recordset til et bord …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/computer-programming-languages/87610.html" title="Hvordan kan man øge DIV højde Ifølge Other DIV Indhold " target="_self">Hvordan kan man øge DIV højde Ifølge Other DIV Indho…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/computer-programming-languages/87718.html" title="Sådan Henvisning en fil fra HTML " target="_self">Sådan Henvisning en fil fra HTML </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/computer-programming-languages/87439.html" title="Hvad er forskellen mellem Beta & 2,0 " target="_self">Hvad er forskellen mellem Beta & 2,0 </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">Anbefalede Artikler </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="/Programmering/computer-programming-languages/86805.html" title="Sådan Post til JSON i ColdFusion " target="_self">Sådan Post til JSON i ColdFusion </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/java-programming/89079.html" title="Sådan bruges Hibernate Med Eclipse " target="_self">Sådan bruges Hibernate Med Eclipse </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/computer-programming-languages/88363.html" title="Oracle Business Intelligence Tools " target="_self">Oracle Business Intelligence Tools </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/computer-programming-languages/87085.html" title="Concurrency Control Techniques " target="_self">Concurrency Control Techniques </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/computer-programming-languages/88619.html" title="Sådan Set Up SourceSafe " target="_self">Sådan Set Up SourceSafe </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/python-programming/93480.html" title="Sådan Deal med indlejrede tupler i Python " target="_self">Sådan Deal med indlejrede tupler i Python </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/ruby-programming/94254.html" title="Hvad er Komodo Ruby Debugger " target="_self">Hvad er Komodo Ruby Debugger </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/javascript-programming/91188.html" title="Sådan ændres en formular Action i Javascript " target="_self">Sådan ændres en formular Action i Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/cc-programming/86082.html" title="Sådan bruges Visual C 6 " target="_self">Sådan bruges Visual C 6 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmering/python-programming/93538.html" title="Sådan Læs SQLite filer til Python Variabel " target="_self">Sådan Læs SQLite filer til Python Variabel </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 © Computer Viden http://www.computerdk.com
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html> | | |
