Esistono molti gadget in circolazione per la rete da aggiungere al proprio blog o sito web, ma possiamo fare uno tutto nostro da sincronizzare col nostro server e inserire dove vogliamo.
La procedura è molto semplice:
Per prima cosa andremo a creare un file che possiamo chiamare per esempio orologio.php e dentro del quale ci sarà questo codice:
?Mostra codice HTML
<html>
<head>
<title>Orologio sincronizato col server</title>
<script language=”JavaScript”>
function movimento(){
adesso = new Date()
ora = adesso.getHours() //Cattura la ora dalla variabile “ora”.
minuto = adesso.getMinutes() //Cattura i minuti dalla variabile “minuto”.
secondo = adesso.getSeconds() //Cattura i secondi dalla variabile “secondo”.
if (secondo < 10) { //Se l ora e di meno di 10 aggiunge uno 0 davanti.
secondo = “0″ + secondo;
}
if (minuto < 10) { //Se i minuti sono meno di 10 aggiunge uno 0 davanti.
minuto = “0″ + minuto;
}
if (ora < 10) { //Se i secondi sono meno di 10 aggiunge uno 0 davanti.
ora = “0″ + ora;
}
oraStampa = ora + ” : ” + minuto + ” : ” + secondo //Ordina l ora e la fa vedere in questo formato: 00:00:00.
document.form_orologio.orologio.value = oraStampa //Mostra l orologio sullo schermo.
setTimeout(“movimento()”,1000) //Cambia il valore del orologio ogni secondo.
}
</script>
</script></head>
<body>
<form>
<input name=”orologio” size=”8″/>
</form>
</body>
</html> |
Dopo di che, andremo a inserire il seguente codice nella posizione desiderata.
?Mostra codice PHP
< ?php include(‘orologio.php’); ?> |
Il risultato sarà questo:
Follow me on Social Media