INTERNET EXPLORER? Ti consiglio di navigare questo sito con Mozilla Firefox oppure con Google Chrome.

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!

Corso Web Design
Disegno di siti Web con HTML, CSS e Dynamic HTML.

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

Una slidegallery con jQuery Pagamenti online con PayPal e PHP Breve guida a jQuery 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

Servizi per Webmaster E-Commerce News Manager Newsletter Corsi online eBooks PC Guadagna col sito Hosting 20 euro Reg. domini Email gratis FAX via email Tlefonare col PC ADSL Alice ADSL FastWeb