Come Visualizzare un Orologio Digitale in HTML

Utilizzando nativamente il linguaggio HTML non è possibile visualizzare l'ora in formato digitale e fare in modo che si aggiorni automaticamente come un vero e proprio orologio. Per farlo, occorre utilizzare un JavaScript che va inserito all'interno del codice HTML della pagina. Questo articolo mostra esattamente come fare.

Passaggi

  1. 1
    Apri un semplice editor di testo come Notepad o Notepad++ sui sistemi Windows oppure TextEdit su Mac.
  2. 2
    Crea un documento HTML utilizzando il seguente codice.
    <html>
    <head>
    <script type="text/javascript">
    function startTime()
    {
    var today=new Date();
    var h=today.getHours();
    var m=today.getMinutes();
    var s=today.getSeconds();
    // add a zero in front of numbers<10
    m=checkTime(m);
    s=checkTime(s);
    document.getElementById('txt').innerHTML=h+":"+m+":"+s;
    t=setTimeout('startTime()',500);
    }
    function checkTime(i)
    {
    if (i<10)
    {
    i="0" + i;
    }
    return i;
    }
    </script>
    </head>
    <body onload="startTime()">
    <div id="txt"></div>
    </body>
    </html>
    
  3. 3
    Salva il documento appena creato. Utilizza un nome personalizzato, in modo da renderlo semplice da individuare e usare tramite il browser internet. Ricordati di modificare l'estensione del file in ".html" (senza virgolette).
  4. 4
    Pubblicità

Consigli

  • Ricorda che il codice fornito in questo articolo potrebbe non funzionare correttamente all'interno di blog e pagine web soggetti a restrizioni sull'utilizzo dei JavaScript, anche se consentono l'uso di codice HTML personalizzato.
Pubblicità

Informazioni su questo wikiHow

wikiHow è una "wiki"; questo significa che molti dei nostri articoli sono il risultato della collaborazione di più autori. Per creare questo articolo, autori volontari hanno collaborato apportando nel tempo delle modifiche per migliorarlo.
Categorie: Programmazione

Hai trovato utile questo articolo?

No
Pubblicità