Un orologio scorrevole in Javascript

Autore: Luca Ruggiero | Tell a Friend
Corso Java
Impara a programmare col linguaggio OOP della Sun.

Corso Javascript e DHTML
Impara a creare controlli ed animazioni!

Concesso in esclusiva a MrWebmaster.it - E' vietata la pubblicazione senza espresso consenso del proprietario

Molti Webmaster che amano mostrare la data e l'ora corrente sul proprio siti vorrebbero visualizzare l'ora in modalità scorrevole, lasciando aumentare il numero dei secondi da 0 a 59 prima di vedere scattare il minuto successivo.

La soluzione è semplice ed è realizzabile lato client in Javascript.

Per prima cosa creiamo un elemento di testo a cui assegnamo un identificativo che richiameremo nello script di riferimento

<span id="orologio"></span>

Di seguito il codice dello script

function OrologioScorrevole()
{
    var data = new Date();
    var hh = data.getHours();
    var mm = data.getMinutes();
    var ss = data.getSeconds();
    var ora = hh + ":" + mm + ":" + ss;
    document.getElementById("orologio").innerText = ora;
    window.setTimeout("OrologioScorrevole()", 1000);
}

Ricarichiamo la funzione che mostra l'ora ogni secondo ed il gioco è fatto!

Per far partire la funzione dobbiamo lanciarla all'evento onload del body della pagina

<body onload="OrologioScorrevole()">

Di seguito un esempio

A proposito... che ora è?

IN EVIDENZA

Effetto ombra su testo con Photoshop Guadagna col tuo sito grazie a TradeD... Guida XHTML Riscrivere le URL con Asp Riavviare IIS HTTP 500 internal server error Generare password casuali in Javascri... Errore 80004005: Cannot update. Datab... Introduzione ad Ajax ed Asp con Jscri... Referenze dei Tag Html Stringhe di connessione via ODBC e Ol... Referenze dei fogli di stile Css Le espressioni regolari in Javascript

HOT LINKS

E-Commerce News Manager Newsletter Corsi online eBooks PC Guadagna col sito Offerte lavoro Hosting Joomla Hosting 20 euro Reg. domini Email gratis FAX via email Tlefonare col PC ADSL Alice ADSL FastWeb Sito pronto Download veloce Ottimizzazione PC Traduzioni