WebLink - Tutto per la costruzione delle tue pagine web - password

Orologio digitale 12 / 24 Hour

Crediti: Web-Link
Name: Andrea Bianchi
Website: www.web-link.it

Note: Semplicissimo da utilizzare anche per principianti.

Descrizione:

Questo script visualizza sullo schermo un orologio digitale, è possibile scegliere se visualizzarlo in formato 12 ore, con i suffissi AM e PM rispettivamente per le ore AntiMeridiane e PoMeridiane, oppure nel formato 24 ore.

Passo 1: selezionare tutto il codice cliccando sulla forbice, quindi posizionatevi sul testo evidenziato e adoperare il tasto destro del mouse per l'operazione di copia ed incolla, trasferitelo nella vostra pagina web, in questo caso fra i tags: <head> e </head>

<SCRIPT type="text/javascript">   // Visualizza l'ora in 24 o 12 ore // 0 = 24, 1 = 12 var ore12 = 0; function webClock() { if (!document.layers && !document.all) return; var runTime = new Date(); var ore = runTime.getHours(); var minuti = runTime.getMinutes(); var secondi = runTime.getSeconds(); if (ore12) { var sf = "AM"; if (ore >= 12) { sf = "PM"; ore = ore - 12; } if (ore == 0) { ore = 12; } } else { sf = " "; } if (ore <= 9) { ore = "0" + ore; } if (minuti <= 9) { minuti = "0" + minuti; } if (secondi <= 9) { secondi = "0" + secondi; } visualtime = "<p>"+ ore + ":" + minuti + ":" + secondi + " " + sf +" </p>"; if (document.layers) { document.layers.clock.document.write(visualtime); document.layers.clock.document.close(); } else if (document.all) { clock.innerHTML = visualtime; } setTimeout("webClock()", 1000) } window.onload = webClock; // End --> </script>

Passo 2: Una volta inserito lo script nell' head della vostra pagina web, non rimane che richiamarlo, facendo uso del codice sotto, posizionandolo nel punto che preferite della vostra pagina web, all'interno dei tags: <body> e </body> .

Non vi resta che vederne il risultato, questo:

Nel caso in cui vogliate visualizzarlo nel formato 12 ore, basterà semplicemente impostare ad 1 la variabile "ore12" che al momento si trova a 0, è una delle primissime righe del listato. Per il bordino invece, basta inserirlo in una tabella e assegnare a questa il bordo e relativo colore.

Elenco completo degli script.

Puoi lasciarmi un msg, un suggerimento, una critica, un link.