Come fare un orologio digitale

Video: Costruire un orologio a matrice con Arduino - Video 454

Contenuto

indicazioni
suggerimenti
riferimenti

Se non hai ancora trovato un modello di orologio digitale ideale, puoi crearne uno utilizzando il linguaggio di programmazione HTA. Con le funzionalità fornite da Internet Explorer, questa lingua incorpora tutte le funzionalità HTML e JavaScript sul desktop. Gli sviluppatori possono aggiungere orologi digitali alle pagine Web utilizzando poche righe di JavaScript. Tuttavia, con il linguaggio HTA, è possibile creare modelli personalizzati usando le proprietà CSS.

indicazioni

Non è necessario avere un orologio fisico per sapere l'ora (Martin Poole / Photodisc / Getty Images)

Aprire Blocco note e incollare la seguente dichiarazione nel nuovo documento:

Test HTA

type = "text / css"> .clockStyle {border: thick punteggiato blu; background-color: # FFFF00; larghezza: 100 px; altezza: 20px; allineamento del testo: centro; }
La sezione "stile" di questo codice, visualizzata alla fine, definisce la classe chiamata "clockStyle". Questa classe determina l'aspetto dell'orologio. Ad esempio, gli attributi del bordo inseriscono una linea di bordo punteggiata in blu tutto il giorno. Lo sfondo è giallo. I parametri di larghezza e altezza caratterizzano la risoluzione in pixel dell'oggetto.
Aggiungi il seguente blocco JavaScript sotto il codice del passaggio precedente:

Notare le variabili "windowWidth" e "windowHeight" nella parte superiore del codice. Controlleranno le dimensioni della finestra che contiene l'orologio digitale. Cambia questi valori come preferisci.
Aggiungi il seguente codice sotto quello descritto nell'ultima sezione:

>

Questo creerà l'elemento "div", cioè il corpo dell'orologio. L'attributo della classe fa riferimento alla dichiarazione di stile CSS, descritta in precedenza.
Premere contemporaneamente "Ctrl" e "S" e digitare "DigitalClock.hta" nel campo "Nome file" visualizzato nella finestra "Salva con nome". Fai clic su "Salva" per salvare il nome del file.
Apri "Esplora risorse" e trova il file. Fare doppio clic sul file per visualizzare l'orologio digitale.

suggerimenti

Personalizza l'orologio modificando le proprietà CSS nella sezione "stile" del documento. Ad esempio, per cambiare lo sfondo in rosa, sostituire "giallo" nel codice con "rosa". Di solito, gli orologi aggiornano il display ogni secondo. Per modificare la frequenza di aggiornamento, modificare "1000" nel codice su un altro valore, ad esempio 2000. Questo cambierà l'orologio ogni due secondi.