Προγραμματισμός

* Γνώση Υπολογιστών >> Προγραμματισμός >> Προγραμματισμός Υπολογιστών Γλώσσες

Πώς να κάνει ένα ψηφιακό ρολόι

Εάν το λογισμικό τρίτων ψηφιακά ρολόγια σας κουράσω , να χτίσουν τη δική σας χρήση της Εφαρμογής Hypertext της Microsoft ( HTA ​​) γλώσσα προγραμματισμού . Χρήση των δυνατοτήτων που παρέχονται από τον Internet Explorer , η γλώσσα ΗΤΑ φέρνει τη δύναμη της HTML και JavaScript στον υπολογιστή σας. Οι προγραμματιστές Web τοποθετούν ψηφιακά ρολόγια σε ιστοσελίδες, χρησιμοποιώντας μερικές γραμμές κώδικα Javascript . Με την προσθήκη αυτού του κώδικα σε ένα πρόγραμμα ΗΤΑ αντ 'αυτού , μπορείτε να προσαρμόσετε το δικό σας desktop ψηφιακό ρολόι χρησιμοποιώντας οικεία Cascading Style Sheet ( CSS ) ιδιότητες . Οδηγίες
Η

1 Ανοίξτε το Notepad και επικόλληση αυτής της HTA τμήμα της δήλωσης σε ένα νέο έγγραφο :



ΗΤΑ type = " text /css " > <br> <p> clockStyle {border : παχιά διακεκομμένη μπλε? <br> <p> υπόβαθρο-χρώμα : . # FFFF00 ? width : 100px ? <br> <p> ύψος: 20px ? text- align: center ? <br> <p> } <br> <p> </style > <br> <p> το "στυλ " του εν λόγω κώδικα , εμφανίζεται στο κάτω μέρος , ορίζει μια κατηγορία που ονομάζεται CSS " clockStyle . " Η κατηγορία αυτή καθορίζει την εμφάνιση του ρολογιού . Τα σύνορα χαρακτηριστικό , για παράδειγμα , τοποθετεί ένα παχύ , διακεκομμένες μπλε περίγραμμα γύρω από το ρολόι . Χρώμα του φόντου του ρολογιού είναι κίτρινο . Τα χαρακτηριστικά πλάτους και ύψους καθορίζουν τις διαστάσεις pixel του ρολογιού 2 <br> <p> Προσθέστε αυτό το μπλοκ JavaScript κάτω από τον κωδικό που εμφανίζεται στο προηγούμενο βήμα : . <br> <p> <Τύπος script = " text /javascript " language = " javascript " > <br> <p> var windowWidth = 150 ? <br> <p> var windowHeight = 100 ? <br> <p> var tickInterval = 1000 ? <br> <p> ρολόι var ? <br > <p> ώρες var ? <br> Πίσω λεπτά var <p> ? <br> Πίσω <p> var δευτερόλεπτα? <br> <p> var displaySwitch = 9 ? <br> <p> var οριοθέτη = " : " ? <br> <p> var clockBody ? <br> <p> startclock λειτουργία () { <br> <p> ημερομηνία var = νέα ημερομηνία ( ) ? <br> <p> χρόνο var = " " ? <br> <p> ώρες = date.getHours ( ) ? <br> <p> λεπτά = date.getMinutes ( ) ? <br> <p> δευτερόλεπτα = date.getSeconds ( ) ? <br> <p> αν ( ώρες <= displaySwitch ) <br> <p> ώρες = " 0 " + ώρες ? <br> <p> αν ( λεπτά <= displaySwitch ) <br> <p> λεπτά = " 0 " + λεπτά? <br> <p> εάν ( δευτερόλεπτα <= displaySwitch ) <br> <p> δευτερόλεπτα = " 0 " + δευτερόλεπτα? <br> <p> var CurrentTime = ώρες + + οριοθέτησης λεπτά + + οριοθέτησης δευτερόλεπτα? <br> <p> clockBody.innerHTML = CurrentTime ? <br> <p> ρολογιού = setTimeout ( " startclock ( ) " , tickInterval ) ? <br> <p> } <br> <p> window.onload = λειτουργία () { <br> <p> παράθυρο . resizeTo ( windowWidth , windowHeight ) ? <br> <p> clockBody = document.getElementById ( " clockBody ")? <br> <p> startclock ( ) ? } <br> <p> <br> <p> </script > <br> <p> Σημειώστε τα windowWidth και windowHeight μεταβλητές στην κορυφή του μπλοκ κώδικα . Αυτά ελέγχουν το μέγεθος του παραθύρου που περιέχει το ψηφιακό ρολόι . Αλλάξτε αυτές τις τιμές σε ό, τι θέλετε <br> εικόνων 3 <p> Προσθέστε τον κωδικό που εμφανίζεται παρακάτω μετά από τον κώδικα που περιγράφεται στο προηγούμενο βήμα : . <br> <p> <body> <br> <P > <div id="clockBody" class="clockStyle"> <br> <p> </div > <br> <p> </body> <br> <p> </html > <br > <p> Αυτό δημιουργεί ένα στοιχείο div . Αυτό είναι το σώμα του ρολογιού . Κατηγορία χαρακτηριστικό της αναφοράς τη δήλωση στυλ CSS που περιγράφηκε προηγουμένως . <br> Η <p> 4 Πατήστε το πλήκτρο " Ctrl " και " S" ταυτόχρονα και πληκτρολογήστε " DigitalClock.hta " στο πλαίσιο " Όνομα αρχείου " που εμφανίζονται στο " Αποθήκευση ως " παράθυρο. Κάντε κλικ στο κουμπί " Αποθήκευση" για να αποθηκεύσετε το αρχείο . <br> 5 <p> Ανοίξτε την Εξερεύνηση των Windows και να βρει το αρχείο . Κάντε διπλό κλικ στο αρχείο για να εμφανιστεί το ψηφιακό ρολόι . <br> Η <br> εικόνων <div class="grad2"><script language='javascript' src='http://www.221021.com/ad/gr/2.js'></script></div> <div class="grad3"></div> </div> <div class="fanyedads"> <ul> <li>Τελευταίο άρθρο: <a class='LinkPrevArticle' href='/Programming/computer-programming-languages/88829.html' >Πώς να διαβάσετε τα περιεχόμενα ενός αρχείου κειμένου με χρήση VBScript </a></li> <li>Επόμενο άρθρο: <a class='LinkNextArticle' href='/Programming/computer-programming-languages/88831.html' >Πώς να οικοδομήσουμε μια Πρόγραμμα υπολογιστή </a></li> </ul> </div> </div> <div class="woqinimaderwr24"> <div class="dibud23"> <div class="biaotidas51"> <div class="biaotidas511"><h3>Συναφής σύστασή</h3></div> <div class="butudasda"></div> </div> </div> <div class="dibud24"> <div class="dibud241"> <h3><a href="/Programming/computer-programming-languages/87805.html" target="_blank">Πώς να δηλώσετε τις μεταβλητές ως μια μορφή Στην VBA </a></h3> <p><a href="/Programming/computer-programming-languages/87805.html" target="_blank">Microsoft Visual Basic for Applications (VBA ) έλεγχοι χρησιμοποιείτε μεταβλητές για την αποθήκευση προσωρινών πληροφοριών στις διαδικασίες Access , ενότητες Word ή βιβλία εργασίας του Excel κατά την εκτέλεση της εφαρμογής . Θα πρέπει να χρησιμοποιήσετε τη λέξη Dim ( Dimension ) ακολουθούμενο από το όνομα της μεταβλητής που επιλέγεται και η λέξη As , ακολουθούμενο από τον τύπο μεταβλητής , προκειμένου να δηλώσει μια μεταβλητή VBA . Οι μεταβλητές ελέγχου VBA αντιπροσωπεύουν ένα στοιχείο ελέγχου </a></p> <div class="feggexiandsada"></div> <ul class="dsa31das"> <li><a href="/Programming/computer-programming-languages/87030.html" target="_blank">Τι είναι ο κώδικας χαρακτήρων </a></li> <li><a href="/Programming/computer-programming-languages/87241.html" target="_blank">Πώς να χρησιμοποιήσετε DataGrid για Επεξεργασία & Διαγραφή </a></li> <li><a href="/Programming/computer-programming-languages/87674.html" target="_blank">Πώς να δημιουργήσετε Jquery χειρισμού συμβάντων </a></li> <li><a href="/Programming/computer-programming-languages/87974.html" target="_blank">Πώς μπορώ να κάνω ένα παιχνίδι Car Racing σε Flash 8 </a></li> <li><a href="/Programming/computer-programming-languages/86652.html" target="_blank">Πώς να αφαιρέσει το Coredata iPhone Emulator </a></li> </ul> </div> <div class="dibud242"> <div class="biaotidasoidasf3h4"> <h4>Τελευταία άρθρα</h4> <div class="nibushihenzaiyi"></div> </div> <ul class="thydghaodennrend"> <li><a href="/Programming/python-programming/93736.html" target="_blank">Πώς να χρησιμοποιήσετε σχοινί σε Python </a></li> <li><a href="/Programming/cc-programming/86197.html" target="_blank">Πώς να χρησιμοποιήσετε τη λειτουργία Πρότυπο υπερφόρτωση σε C + + </a></li> <li><a href="/Programming/java-programming/89913.html" target="_blank">Πώς να κάνω μια μέθοδος Execute με το πάτημα ενός κουμπιού σε Java </a></li> <li><a href="/Programming/visual-basics-programming/95671.html" target="_blank">Ποιες είναι οι διαφορετικές εκδηλώσεις σε Visual Basic </a></li> <li><a href="/Programming/computer-programming-languages/88021.html" target="_blank">Ποια είναι η Η σημασία του 8 -Bit Coding Scheme </a></li> <li><a href="/Programming/cc-programming/85967.html" target="_blank">Συνδεδεμένοι Σεμινάρια για τους οδηγούς συσκευών χρησιμοποιώντας C + + </a></li> <li><a href="/Programming/java-programming/90049.html" target="_blank">Πώς να Μετατροπή αντικειμένου να Int σε Java </a></li> <li><a href="/Programming/visual-basics-programming/95364.html" target="_blank">Πώς να συνδεθείτε στο MDB Μέσω Visual Basic </a></li> </ul> </div> <div class="dibud243"> <div class="tibiaodsafda"><h4>Προγραμματισμός Υπολογιστών Γλώσσες</h4></div> <ul class="beitonggu"> <li><a href="http://www.221021.com/Hardware/network-equipment/" >Εξοπλισμός δικτύου</a></li> <li><a href="http://www.221021.com/Hardware/computer-upgrades/" >Αναβαθμίσεις Υπολογιστών</a></li> <li><a href="http://www.221021.com/Hardware/computer-drives-storage/" >Δίσκοι & Αποθήκευση Υπολογιστών</a></li> <li><a href="http://www.221021.com/Hardware/flash-drives/" >Drives Flash</a></li> <li><a href="http://www.221021.com/Systems/unix/" >Unix</a></li> <li><a href="http://www.221021.com/Software/graphics-software/" >Λογισμικό γραφικών</a></li> <li><a href="http://www.221021.com/Hardware/apple-computers/" >Apple Computers</a></li> <li><a href="http://www.221021.com/Networking/Routers/" >routers</a></li> <li><a href="http://www.221021.com/Networking/internet-networking/" >Δικτύωση στο Διαδίκτυο</a></li> </ul> </div> </div> </div> <div class="dibudaohnagdsaw"> <div class="das342sd"><p>Πνευματικά δικαιώματα © <a href="http://www.221021.com/" target="_blank" >Γνώση Υπολογιστών</a> Όλα τα δικαιώματα κατοχυρωμένα </p></div> </div> </div> </body> </html>