Dator
 |  Startsida |  Hårdvara |  Nätverk |  Programmering |  Programvara |  Felsökning |  System |   
Programmering
  • C /C + + -programmering
  • Computer Programspråk
  • Delphi Programmering
  • Java Programming
  • JavaScript programmering
  • PHP /MySQL Programmering
  • perl Programmering
  • python Programming
  • Ruby programmering
  • Visual Basics Programmering
    		•
    * Dator Kunskap >> Programmering >> Computer Programspråk >> Content

    Hur man gör en digital klocka
    Om tredjeparts programvara digitala klockor tråka ut er , bygga din egen med hjälp av Microsofts Hypertext Application ( HTA ​​) programmeringsspråk . Använda funktioner som Internet Explorer , ger HTA språket kraften i HTML och JavaScript till skrivbordet . Webbutvecklare placera digitala klockor på webbsidor med hjälp av ett par rader JavaScript . Genom att lägga till denna kod till en HTA -program istället , kan du skräddarsy ditt eget skrivbord digital klocka med bekanta Sheet Cascading Style ( CSS ) egenskaper . Instruktioner
    1

    Öppna Anteckningar och klistra in den här HTA deklaration blocket till ett nytt dokument :



    HTA type = " text /css " > <br> <p> clockStyle { border : tjock streckad blå , <br> <p> background-color : . # FFFF00 , width : 100px ; <br> <p> höjd : 20px , text - align : center ; <br> <p> } <br> <p> < /style > <br> <p> " stil " delen av denna kod , visas längst ner , definierar en CSS- klass som heter " clockStyle . " Den här klassen definierar klockans utseende . Gränsen attribut , till exempel , lägger en tjock , streckad blå ram runt . Klockan bakgrundsfärg är gul . Bredd och höjd attributen bestämmer klockans pixeldimensionerna <br> 2 <p> Lägg denna JavaScript kvarter nedanför sifferkoden som visas i föregående steg : . <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 klockan; <br > <p> var- timmar, <br> <p> var- minuter, <br> <p> var- sekunder , <br> <p> var displaySwitch = 9; <br> <p> var avgränsare = " : " ; <br> <p> var clockBody , <br> <p> funktion startClock ( ) { <br> <p> var datum = new Date ( ) ; <br> <p> var tid = " " ; <br> < p> timmar = date.getHours (); <br> minuter <p> = date.getMinutes ( ) ; <br> sekunder <p> = date.getSeconds (); <br> p Om ( timmar < = displaySwitch ) katalog <p> timmar = " 0 " + timmar , <br> <p> om ( minuter < = displaySwitch ) katalog <p> minuter = " 0 " + minuter ; <br> <p> if ( sekunder < = displaySwitch ) katalog <p> sekunder = " 0 " + sekunder , <br> <p> var CurrentTime = timmar + avgränsare + minuter + avgränsare + sekunder , <br> <p> clockBody.innerHTML = CurrentTime ; <br> <p> klocka = setTimeout ( " startClock ( ) " , tickInterval ) ; <br> <p> } <br> <p> window.onload = function ( ) { <br> <p> fönster . resizeTo ( windowWidth , windowHeight ); <br> <p> clockBody = document.getElementById ( " clockBody "); <br> <p> startClock (); <br> <p> } <br> <p> < /script > <br> <p> Observera windowWidth och windowHeight variabler i toppen av koden blocket . Dessa kontrollerar storleken på fönstret som innehåller den digitala klockan . Ändra dessa värden till något som du gillar <br> 3 <p> Lägg koden nedan efter koden som beskrivs i föregående steg : . <br> <p> <body> <br> <p> <div id="clockBody" class="clockStyle"> <br> <p> < /div > <br> <p> < /body> <br> <p> < /html > <br > <p> Detta skapar ett div-element . Detta är klockan kropp. Sin klass attribut referenser CSS stil uttalande beskrivits tidigare . <br> 4 <p> Tryck " Ctrl " och " S " samtidigt och skriver " DigitalClock.hta " i " File Name " rutan som visas i " Spara som " fönstret . Klicka på " Spara " för att spara filen . <br> 5 <p> Öppna Utforskaren och hitta filen . Dubbelklicka på filen för att visa den digitala klockan . <br> <br> <div class=dad2><script language='javascript' src='/ad/201310/4.js'></script></div> <div class=dad3><script language='javascript' src='/ad/201310/33.js'></script></div> </div> </td> </tr> </table> <table class=dhang1 bgcolor="#DEE7EE"> <tr> <td></td> </tr> </table> <div class=dhang7></div> <table width="92%" height="51" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="50%"><p>Tidigare: <a class='LinkPrevArticle' href='http://www.dator.xyz/Programmering/computer-programming-languages/88829.html' >Hur läsa innehållet i en textfil med VBScript </a></li></p></td> </tr> <tr> <td width="50%">nästa: <a class='LinkNextArticle' href='http://www.dator.xyz/Programmering/computer-programming-languages/88831.html' >Hur man bygger en dator Program </a></li></td> </tr> </table></td> </tr> </table> <div class=dhang7></div> <table class=s770x246 > <tr> <td class=s375x246 ><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian"> <tr> <td height="244" valign="top"><table class=c1 > <tr> <td width="4%" height="29"> </td> <td width="96%" class="lan_lm"> relaterade artiklar </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="http://www.dator.xyz/Programmering/computer-programming-languages/88726.html" title="Scrum FAQ " target="_self">Scrum FAQ </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/86585.html" title="Axis Gränser i MATLAB " target="_self">Axis Gränser i MATLAB </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/87595.html" title="Hur man lär Fortran på en Mac " target="_self">Hur man lär Fortran på en Mac </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/87715.html" title="Hur ansluta till Access i VB6 " target="_self">Hur ansluta till Access i VB6 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/87068.html" title="Hur man skapar en bild Button Redirect Med en mall Field " target="_self">Hur man skapar en bild Button Redirect Med en mall Fiel…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/86805.html" title="Hur Post till JSON i ColdFusion " target="_self">Hur Post till JSON i ColdFusion </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/88824.html" title="Vad är en Runtime Error " target="_self">Vad är en Runtime Error </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/86293.html" title="Fördelarna med ett Premium redaktör " target="_self">Fördelarna med ett Premium redaktör </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/86607.html" title="Hur man upptäcka kollisioner i Xcode " target="_self">Hur man upptäcka kollisioner i Xcode </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/87549.html" title="Hur konvertera Hex till decimaler i Oracle " target="_self">Hur konvertera Hex till decimaler i Oracle </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 class=c3 > <tr> <td width="4%" height="29"> </td> <td width="96%" class="lan_lm">Utvalda artiklarna </td> </tr> </table> <table class=c4 > <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.dator.xyz/Programmering/computer-programming-languages/87458.html" title="Skillnad mellan Indexer och Array " target="_self">Skillnad mellan Indexer och Array </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/88696.html" title="Hur man skapar en HTML Tidslinje " target="_self">Hur man skapar en HTML Tidslinje </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/php-mysql-programming/91978.html" title="Konvertera en DB till UTF8 i MySQL " target="_self">Konvertera en DB till UTF8 i MySQL </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/java-programming/89730.html" title="Hur man gör Java Struts " target="_self">Hur man gör Java Struts </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/python-programming/94150.html" title="Hur man kompilerar Python Code " target="_self">Hur man kompilerar Python Code </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/php-mysql-programming/92996.html" title="Hur man utformar en online-bokhandel Databas " target="_self">Hur man utformar en online-bokhandel Databas </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/visual-basics-programming/94569.html" title="Vad är UBound i VB " target="_self">Vad är UBound i VB </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/87880.html" title="Hur man använder Curl att fånga en sidas innehåll " target="_self">Hur man använder Curl att fånga en sidas innehåll </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/cc-programming/85327.html" title="Cocoa Touch Vs . Mål C " target="_self">Cocoa Touch Vs . Mål C </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/php-mysql-programming/91742.html" title="Hur du uppdaterar PEAR " target="_self">Hur du uppdaterar PEAR </a></td></tr><tr></tr></table></td> </tr> </table></td> </tr> </table></td> </tr> </table></td> </tr> </table> <div class=dhang8></div> <div class=dhang1></div> <table class=b1> <tr> <td class=bs height=90 align=middle>Copyright © Dator Kunskap http://www.dator.xyz </td> </tr> </table> <div class=dhang1></div> </div> </body> </html>