Come Fare un orologio in HTML

October 10

Come Fare un orologio in HTML


pacchetti di sviluppo web commerciali sono spesso confezionati con strumenti speciali che consentono agli sviluppatori di creare siti con una varietà di campane e fischietti per migliorare l'impatto visivo di ogni pagina con un minimo di codifica manuale. Gli sviluppatori che preferiscono le mani sul percorso per la creazione di pagine HTML e l'aumento di controllo di codifica offerte, l'aggiunta di tocchi accattivanti, come un orologio che si aggiorna automaticamente senza ricaricare la pagina, non significa necessariamente cadere HTML in favore di un metodo di codifica diverso . Aumentare rigoroso HTML con segmenti di JavaScript può svolgere quasi tutte le attività creative che si desidera visualizzare.

istruzione

1 Aprire file sorgente HTML della pagina in un programma o editor di testo.

2 Individuare la posizione nella pagina in cui si desidera inserire l'orologio.

3 Inserire il seguente codice nella sezione <body> del file HTML:

<Script type = "text / javascript">

Funzione GetClock () {

d = new Date ();

Nhour = d.getHours ();

nmin = d.getMinutes ();

if (nmin <= 9) {nmin = "0" + nmin}

document.getElementById ( 'clockbox') innerHTML = "" + Nhour + ":" + nmin + ".";

setTimeout ( "GetClock ()", 1000);

}

window.onload = GetClock;

</ Script>

<Div id = "clockbox"> </ div>

4 Salvare le modifiche al file di origine e chiudere l'editor.

Consigli e avvertenze

  • Questo semplice pezzo di codice visualizza l'ora corrente in un formato digitale 24 ore al giorno e automaticamente visualizza il tempo aggiornato circa ogni minuto. L'uso di setTimeout (1000) fa uso di velocità di clock del processore per determinare la frequenza di aggiornamento. Questo varia leggermente con il tipo e la velocità del processore.
  • Le dimensioni, font e il colore dell'orologio visualizzati possono essere modificati inserendo i valori di visualizzazione HTML all'interno del tag <div>.