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

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

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

Εάν το λογισμικό τρίτων ψηφιακά ρολόγια σας κουράσω , να χτίσουν τη δική σας χρήση της Εφαρμογής 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 async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3314932315682382" crossorigin="anonymous"></script> <!-- 221021-2 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3314932315682382" data-ad-slot="8094203668" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div> <div class="grad3"></div> </div> <div class="fanyedads"> <ul> <li>Τελευταίο άρθρο: <a class='LinkPrevArticle' href='http://www.221021.com/Programming/computer-programming-languages/88829.html' >Πώς να διαβάσετε τα περιεχόμενα ενός αρχείου κειμένου με χρήση VBScript </a> <li>Επόμενο άρθρο: <a class='LinkNextArticle' href='http://www.221021.com/Programming/computer-programming-languages/88831.html' >Πώς να οικοδομήσουμε μια Πρόγραμμα υπολογιστή </a> </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"> <ul class="dsa31das"> <li><a href="http://www.221021.com/Programming/computer-programming-languages/340112.html" target="_blank">Πόσοι διαφορετικοί δυαδικοί κωδικοί μπορούν να γίνουν με 8 bits; </a></li> <li><a href="http://www.221021.com/Programming/computer-programming-languages/88355.html" target="_blank">Πώς να εγκαταστήσετε ένα Windows Mobile Emulator </a></li> <li><a href="http://www.221021.com/Programming/computer-programming-languages/88023.html" target="_blank">Web Δοκιμές Vs . Πελάτης Testing Server </a></li> <li><a href="http://www.221021.com/Programming/computer-programming-languages/88043.html" target="_blank">Τρόπος επανεγκατάστασης του Grub Bootloader </a></li> <li><a href="http://www.221021.com/Programming/computer-programming-languages/88827.html" target="_blank">Πώς να γράψει Ψευδοκώδικας για τον υπολογισμό φόρου </a></li> </ul> </div> <div class="dibud242"> <div class="biaotidasoidasf3h4"> <h4>Τελευταία άρθρα</h4> <div class="nibushihenzaiyi"></div> </div> <ul class="thydghaodennrend"> <li><a href="http://www.221021.com/Programming/computer-programming-languages/86952.html" target="_blank">Πώς να βρείτε Όταν UIIMage τοποθετείται σε ένα UIIMageView </a></li> <li><a href="http://www.221021.com/Programming/computer-programming-languages/86767.html" target="_blank">Πώς να κάνει κύλισης χρώματα λειτουργήσει για iFrame </a></li> <li><a href="http://www.221021.com/Programming/computer-programming-languages/87583.html" target="_blank">Πώς να ενημερώσετε το Joomla ! K2 </a></li> <li><a href="http://www.221021.com/Programming/computer-programming-languages/88118.html" target="_blank">Πώς να γράψετε ένα AWK Script </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>