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

Συγγραφέας: Charles Brown
Ημερομηνία Δημιουργίας: 7 Φεβρουάριος 2021
Ημερομηνία Ενημέρωσης: 23 Νοέμβριος 2024
Anonim
Xiaomi Mi Band 4 Όλες Οι Λειτουργίες Μπαταρία, Λουριά, Ελληνικά, Όλα Όσα Πρέπει να Γνωρίζεις [Greek]
Βίντεο: Xiaomi Mi Band 4 Όλες Οι Λειτουργίες Μπαταρία, Λουριά, Ελληνικά, Όλα Όσα Πρέπει να Γνωρίζεις [Greek]

Περιεχόμενο

Εάν δεν έχετε βρει ακόμη ένα ιδανικό μοντέλο ψηφιακού ρολογιού, μπορείτε να δημιουργήσετε το δικό σας χρησιμοποιώντας τη γλώσσα προγραμματισμού HTA. Με τις λειτουργίες του Internet Explorer, αυτή η γλώσσα ενσωματώνει όλες τις δυνατότητες HTML και JavaScript στην επιφάνεια εργασίας σας. Οι προγραμματιστές μπορούν να προσθέσουν ψηφιακά ρολόγια στις ιστοσελίδες χρησιμοποιώντας μερικές γραμμές JavaScript. Ωστόσο, με τη γλώσσα HTA, είναι δυνατό να δημιουργήσετε προσαρμοσμένα πρότυπα χρησιμοποιώντας ιδιότητες CSS.


Οδηγίες

Δεν είναι απαραίτητο να έχετε ένα φυσικό ρολόι για να γνωρίζετε το χρόνο (Martin Poole / Photodisc / Getty Images)
  1. Ανοίξτε το Σημειωματάριο και επικολλήστε την ακόλουθη δήλωση στο νέο σας έγγραφο:

    Δοκιμή HTA

    type = "text / css"> .clockStyle {περιθώριο: παχύ με μπλε χρώμα; φόντο-χρώμα: # FFFF00; πλάτος: 100px; ύψος: 20px; κείμενο-ευθυγράμμιση: κέντρο; }}

    Η ενότητα "στυλ" αυτού του κώδικα, που εμφανίζεται στο τέλος, ορίζει την κλάση που ονομάζεται "clockStyle". Αυτή η κατηγορία καθορίζει την εμφάνιση του ρολογιού. Για παράδειγμα, τα χαρακτηριστικά συνόρων εισάγουν μια γραμμή περιθωρίου που είναι διακεκομμένη με μπλε χρώμα όλο το εικοσιτετράωρο. Το φόντο είναι κίτρινο. Οι παράμετροι πλάτους και ύψους χαρακτηρίζουν την ανάλυση των pixel του αντικειμένου.


  2. Προσθέστε το παρακάτω μπλοκ JavaScript κάτω από τον κώδικα από το προηγούμενο βήμα:

    Σημειώστε τις μεταβλητές "windowWidth" και "windowHeight" στο πάνω μέρος του κώδικα. Θα ελέγχουν το μέγεθος του παραθύρου που περιέχει το ψηφιακό ρολόι. Αλλάξτε αυτές τις τιμές όποτε θέλετε.

  3. Προσθέστε τον παρακάτω κώδικα παρακάτω που περιγράφεται στην τελευταία ενότητα:

    >

    Αυτό θα δημιουργήσει το στοιχείο "div", δηλαδή το σώμα του ρολογιού. Το χαρακτηριστικό της κλάσης σας αναφέρει τη δήλωση στυλ CSS, που περιγράφηκε προηγουμένως.

  4. Πιέστε ταυτόχρονα "Ctrl" και "S" και πληκτρολογήστε "DigitalClock.hta" στο πεδίο "File Name" που εμφανίζεται στο παράθυρο "Save As". Κάντε κλικ στην επιλογή "Αποθήκευση" για να αποθηκεύσετε το όνομα του αρχείου.

  5. Ανοίξτε την "Εξερεύνηση των Windows" και βρείτε το αρχείο. Κάντε διπλό κλικ στο αρχείο για να εμφανιστεί το ψηφιακό ρολόι.


Πώς

  • Προσαρμόστε το ρολόι αλλάζοντας τις ιδιότητες του CSS στην ενότητα "στυλ" του εγγράφου. Για παράδειγμα, για να αλλάξετε το φόντο στο ροζ, αντικαταστήστε το "κίτρινο" στον κωδικό με το "ροζ". Συνήθως, τα ρολόγια ενημερώνουν την οθόνη κάθε δευτερόλεπτο. Για να αλλάξετε τον ρυθμό ανανέωσης, αλλάξτε το "1000" στον κώδικα σε άλλη τιμή, όπως το 2000. Αυτό θα αλλάξει το ρολόι κάθε δύο δευτερόλεπτα.

Αναφορές

  • Microsoft MSDN: Εισαγωγή στις εφαρμογές HTML (HTAs)
  • W3Schools: Στόχος JavaScript Ημερομηνία [στα Αγγλικά]