InformationenComputer Programming Languages
More
Programming
HOME
* Computer Wissen >> Programming >> Computer Programming Languages >> .
Wie man eine Digitaluhr Stellen
Wenn Drittanbieter-Software Digitaluhren langweilen , bauen Sie Ihre eigenen mit Microsofts Hypertext -Anwendung ( HTA) Programmiersprache. Verwenden der Funktionen von Internet Explorer bereitgestellt , bringt die HTA die Macht der Sprache HTML und JavaScript auf Ihrem Desktop . Web-Entwickler setzen Digitaluhren auf Web-Seiten mit ein paar Zeilen JavaScript . Durch das Hinzufügen dieses Codes zu einer HTA -Programm statt , können Sie Ihre eigenen Desktop Digitaluhr mit vertrauten Cascading Style Sheet (CSS) Eigenschaften . Anleitung
1
Öffnen Sie den Editor und fügen Sie diesen HTA Deklarationsblock in ein neues Dokument :
HTA type = "text /css" > <br> <p> clockStyle {border : dick gestrichelte blaue ; <br> <p> background-color : #. FFFF00 ; width: 100px ; <br> <p> Höhe : 20px ; text-align : center; } <br> <p> <br> <p> < /style> <br> <p> der " Stil "-Teil des Codes , an der Unterseite gezeigt, definiert eine CSS- Klasse mit dem Namen " clockStyle . " Diese Klasse definiert die Uhr Auftritt. Die Grenze Attribut zum Beispiel legt einen dicken, gestrichelten blauen Rand rund um die Uhr . Die Uhr die Hintergrundfarbe ist gelb. Die Attribute width und height bestimmen die Uhr ist Pixelabmessungen <br> 2 <p> Dieses JavaScript-Block unter dem Code im vorherigen Schritt gezeigt : . <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 Uhr ; <br> <p> var Stunden; <br> <p> var Minuten; <br> <p> var Sekunden ; <br> <p> var displaySwitch = 9; <br> <p> var Trennzeichen = " :"; <br> <p> var clockBody ; <br> <p> Funktion Startuhr () { var <br> <p> date = new Date (); <br> <p> var time = " "; <br> < p> Stunden = Date.getHours (); <br> <p> Minuten = date.getMinutes (); <br> <p> Sekunden = date.getSeconds (); <br> <p> if ( Stunden <= displaySwitch ) <br> <p> Stunden = "0" + Stunden; <br> <p> if ( min <= displaySwitch ) <br> <p> Minuten = "0" + Minuten; <br> <p> if ( Sekunden < = displaySwitch ) <br> <p> Sekunden = "0" + Sekunden ; <br> <p> var currentTime = Stunden + Trennzeichen + Minuten + + Trennzeichen Sekunden ; <br> <p> clockBody.innerHTML = currentTime ; <br> <p> clock = setTimeout ( " Startuhr ()" , tickInterval ); } <br> <p> <br> <p> window.onload = function () { <br> <p> Fenster . resizeTo ( WindowWidth , WindowHeight ); <br> <p> clockBody = document.getElementById (" clockBody "); <br> <p> Startuhr (); } <br> <p> <br> <p> < /script > <br> <p> Beachten Sie die WindowWidth und WindowHeight Variablen am Anfang des Code-Block . Diese steuern die Größe des Fensters , der die Digitaluhr enthält . Ändern Sie diese Werte an , was du willst <br> 3 <p> Fügen Sie den nachfolgenden Code nach dem Code im vorherigen Schritt beschrieben gezeigt : . <br> <p> <body> <br> < P > <div id="clockBody" class="clockStyle"> <br> <p> </div > <br> <p> < /body> <br> <p> < /html> <br> <p> Dies schafft ein div-Element . Dies ist die Uhr des Körpers . Seine Klasse Attribut verweist auf die CSS -Stylesheet zuvor beschrieben. <br> 4 <p> Drücken Sie "Strg " und " S " gleichzeitig und geben " DigitalClock.hta " im " File Name" -Box, die in der "Save erscheinen als " Fenster . Klicken Sie auf " Speichern", um die Datei zu speichern . <br> 5 <p> Windows-Explorer öffnen und finden Sie die Datei . Doppelklicken Sie auf die Datei, um die Digitaluhr angezeigt . <br> <br>
<div class=dead2><script language='javascript' src='/ad/de2.js'></script></div>
</div>
<div class=clear></div>
<div class="rightTxt">
<ul>
<li><a href='/Programming/ruby--Programmierung/Wie-Database-Rake-löschen-Rails-.html'>Wie Database Rake löschen Rails </a></li>
<li><a href='/Programming/Java-Programmierung/Wie-man-eine-Zwei--Dimensional-Java-String-Array-für-eine-JTable-erstellen-.html'>Wie man eine Zwei -Dimensional Java String Array für eine J…</a></li>
<li><a href='/Programming/C--C-----Programmierung/Wie-Integer-Overflow-prüfen-.html'>Wie Integer Overflow prüfen </a></li>
<li><a href='/Programming/Visual-Basics-Programmierung/Wie-man-ein-mehrdimensionales-Array-Größe-in-Visual-Basic-Bestimmen-.html'>Wie man ein mehrdimensionales Array Größe in Visual Basic …</a></li>
<li><a href='/Programming/Computer-Programming-Languages/Net-Framework-3-0-Tutorials-.html'>Net Framework 3.0 Tutorials </a></li>
<li><a href='/Programming/PHP--MySQL-Programmierung/PHP-SPL-Types-.html'>PHP SPL Types </a></li>
<li><a href='/Programming/JavaScript-Programmierung/Taxis-sind-eine-bequeme---aber-teure-Art-zu-reisen-.html'>Taxis sind eine bequeme , aber teure Art zu reisen </a></li>
</ul>
</div>
<div class=clear></div>
<div class="rightTxt r2">
<ul>
<li><a href='/Programming/C--C-----Programmierung/Wie-Function-Pointers-in-eine-binäre-Suche-Argument-in-Verwenden-von-C-----.html'>Wie Function Pointers in eine binäre Suche Argument in Verw…</a></li>
<li><a href='/Systeme/Windows-/Wie-man-eine-Website-mit-Eingabeaufforderung-Ping-.html'>Wie man eine Website mit Eingabeaufforderung Ping </a></li>
<li><a href='/Software/Textverarbeitung-Software/Wie-die-APA-Referenz--Funktion-in-Word-2007-verwenden-.html'>Wie die APA Referenz -Funktion in Word 2007 verwenden </a></li>
<li><a href='/Systeme/Windows-/Wie-lassen-sich-zwei-Bilder-auf-meinen-Desktop-.html'>Wie lassen sich zwei Bilder auf meinen Desktop </a></li>
<li><a href='/Systeme/Windows-/Was-tun--wenn-Sie-eine-fehlende-NTLDR-Datei-sind-.html'>Was tun, wenn Sie eine fehlende NTLDR Datei sind </a></li>
</ul>
</div>
<div class=clear></div>
<!--right1 start -->
<!--right1 end -->
<!--right2 start -->
<!--right2 end -->
<div class=Comments>
<script language='javascript' src='/pl/'></script>
</div>
<div class=clear></div>
<br class="spacer" />
<form name="pl" action="/pl.asp" method="post">
<div class="contacttext" id="sub">Ihr Name: </div>
<div class="contactformfield" id="subtextbox">
<label>
<input type="text" name="name1" class="select" />
<span class="style1">*</span> </label>
</div>
<div class="contacttext" id="name">Kommentare: </div>
<div class="contactformmsgfild"><span class="contactformmessage">
<textarea name="textarea" class="Massaget" cols="30" rows="8"></textarea>
</span></div>
<div class="contactsubmit" id="submitbutton">
<label>
<input name="Submit" type="submit" class="submitbutton" value="Submit" />
</label>
</div>
</form>
<!--right1 start -->
<!--right1 end -->
<!--right2 start -->
<!--right2 end -->
<br class="spacer" />
</div>
<!--right end -->
<br class="spacer" />
</div>
<!--body end -->
<!--footer start -->
<div id="footer">
<p class="design" >Copyright © <a href="http://computer.51itpx.com">Computer Wissen</a> Alle Rechte vorbehalten</p>
</div>
<!--footer end -->
</body>
</html>