Orologio che si aggiorna in tempo reale

ciao avrei una domanda per voi

Sul sito linkato qui sotto, all' interno del corpo della pagina ( più precisamente dentro il body,in alto a destra ) c'è l'ora in tempo reale e non con delle immagini, direttamente con del normalissimo testo

http://forgottenhope.warumdarum.de/m...talian&module=

non credo sia così difficile fare una cosa del genere, qualcuno di voi ha idea di come si faccia ??? grazie mille !

Sul mio sito ho scritto un articolo.
Riporto in breve il contenuto nel caso fosse considerato spam.

Codice:

function ora(id) { var t = new Date().toLocaleTimeString(); if(!id) { // se non è definito l'argomento id, restituisce l'ora ( da usare con document.write ad esempio ) return t; } document.getElementById(id).innerHTML = t; setTimeout('ora(\'' + id + '\')', 1000); // richiama la funzione ogni secondo. } onload = function() { ora('orario'); }

Questo script lo puoi inserire nel tag head ( ovviamente prima nel tag <script> ! )
E ti crei un qualsiasi elemento ( in <body> ) che abbia come id "orario":

Codice:

<span id="orario"><script type="text/javascript"> // <![CDATA[ document.write(ora()); // ]]> </script></span>

si certo
ne ho uno simile ma anche con la data :) quindi una cosa tipo

sono le 12.45.07 di lunedi 25 agosto (tutto messo a caso eh)

se vuoi provarlo ecco i codici:

liveclock.js

Citazione:

var myfont_face = "Verdana";

var myfont_size = "10";

var myfont_color = "#ffffff";

var myback_color = "transparent";

var mypre_text = "Sono le ";

var mywidth = 300;

var my12_hour = 0;

var myupdate = 1;

var DisplayDate = 1;

var ie4=document.all
var ns4=document.layers
var ns6=document.getElementById&&!document.all

var dn = "";
var mn = "";
var old = "";

var DaysOfWeek = new Array(7);
DaysOfWeek[0] = "Domenica";
DaysOfWeek[1] = "Lunedì";
DaysOfWeek[2] = "Martedì";
DaysOfWeek[3] = "Mercoledì";
DaysOfWeek[4] = "Giovedì";
DaysOfWeek[5] = "Venerdì";
DaysOfWeek[6] = "Sabato";

var MonthsOfYear = new Array(12);
MonthsOfYear[0] = "Gennaio";
MonthsOfYear[1] = "Febbraio";
MonthsOfYear[2] = "Marzo";
MonthsOfYear[3] = "Aprile";
MonthsOfYear[4] = "Maggio";
MonthsOfYear[5] = "Giugno";
MonthsOfYear[6] = "Luglio";
MonthsOfYear[7] = "Agosto";
MonthsOfYear[8] = "Settembre";
MonthsOfYear[9] = "Ottobre";
MonthsOfYear[10] = "Novembre";
MonthsOfYear[11] = "Dicembre";

var ClockUpdate = new Array(3);
ClockUpdate[0] = 0;
ClockUpdate[1] = 1000;
ClockUpdate[2] = 60000;

if (ie4||ns6) { document.write('<span id="LiveClockIE" style="width:'+mywidth+'px; background-color:'+myback_color+'"></span>'); }
else if (document.layers) { document.write('<ilayer bgColor="'+myback_color+'" id="ClockPosNS" visibility="hide"><layer width="'+mywidth+'" id="LiveClockNS"></layer></ilayer>'); }
else { old = "true"; show_clock(); }

function show_clock() {
if (old == "die") { return; }

if (ns4)
document.ClockPosNS.visibility="show"

var Digital = new Date();
var day = Digital.getDay();
var mday = Digital.getDate();
var month = Digital.getMonth();
var hours = Digital.getHours();

var minutes = Digital.getMinutes();
var seconds = Digital.getSeconds();

if (mday == 1) { mn = "st"; }
else if (mday == 2) { mn = "nd"; }
else if (mday == 3) { mn = "rd"; }
else if (mday == 21) { mn = "st"; }
else if (mday == 22) { mn = "nd"; }
else if (mday == 23) { mn = "rd"; }
else if (mday == 31) { mn = "st"; }

if (my12_hour) {
dn = "AM";
if (hours > 12) { dn = "PM"; hours = hours - 12; }
if (hours == 0) { hours = 12; }
} else {
dn = "";
}
if (minutes <= 9) { minutes = "0"+minutes; }
if (seconds <= 9) { seconds = "0"+seconds; }

myclock = '';
myclock += '<font style="color:'+myfont_color+'; font-family:'+myfont_face+'; font-size:'+myfont_size+'pt;">';
myclock += mypre_text;
myclock += hours+':'+minutes;
if ((myupdate < 2) || (myupdate == 0)) { myclock += ':'+seconds; }
myclock += ' '+dn;
if (DisplayDate) { myclock += ' di '+DaysOfWeek[day]+', '+mday+mn+' '+MonthsOfYear[month]; }
myclock += '</font>';

if (old == "true") {
document.write(myclock);
old = "die";
return;
}

// Write the clock to the layer:
if (ns4) {
clockpos = document.ClockPosNS;
liveclock = clockpos.document.LiveClockNS;
liveclock.document.write(myclock);
liveclock.document.close();
} else if (ie4) {
LiveClockIE.innerHTML = myclock;
} else if (ns6){
document.getElementById("LiveClockIE").innerHTML = myclock;
}

if (myupdate != 0) { setTimeout("show_clock()",ClockUpdate[myupdate]); }
}

poi <body> diventa

Citazione:

<body onLoad="show_clock()">

e dove vuoi che compare l'orologio scrivi questo

Citazione:

<script language="javascript" src="liveclock.js"></script>

e anche i vostri si aggiornano continuamente come quello del sito oppure l'ora resta sempre quella dell'istante del caricamento della pagina ?

EDIT: si il tuo javascripter ho visto che lo fa, e il tuo sandy ?

Hai già cercato sul forum?

Ad esempio, qui.

Ciao!

si aggiorna constantemente
lo puoi vedere a questo indirizzo

http://sandy.altervista.org/ciro3/index.html

Ho applicato lo scriptino di javascripter nel mio forum (ho dovuto usare l'explode per separare la data dall'ora):

Codice PHP:

// $context['current_time'] == 27 Settembre 2010, hh:mm:ss $orologio = explode(", ", $context['current_time']); echo '<div style="margin: 3px 0 1px 0;">', $orologio[0],', <span id="orologio">', $orologio[1],'</span></div>';

Ma ora penso: superata la mezzanotte come aggiornerò il giorno? :mrgreen:

Citazione:

Originalmente inviato da darkwolf

Ho applicato lo scriptino di javascripter nel mio forum (ho dovuto usare l'explode per separare la data dall'ora):

Codice PHP:

// $context['current_time'] == 27 Settembre 2010, hh:mm:ss $orologio = explode(", ", $context['current_time']); echo '<div style="margin: 3px 0 1px 0;">', $orologio[0],', <span id="orologio">', $orologio[1],'</span></div>';

Ma ora penso: superata la mezzanotte come aggiornerò il giorno? :mrgreen:

Non devi preoccuparti, lo script non tiene conto di quello che si trova in <span id="orologio">, ottiene il tempo richiamando il metodo toLocaleTimeString dell'oggetto Date che restituisce sempre l'ora attuale del client, se invece vuoi che il tempo vada avanti in base al contenuto di #orologio ( cioè l'orario che stampi con php ) si può fare un altro script.

Il punto è che visto che leggevo ho pensato di applicarlo ma non ha molto senso se superata la mezzanotte rimane la date precedente :)
O tolgo tutto e mantengo la situazione precedente, o uno script che fa il refresh della pagina alle 00:00:00 in punto (o 23:59:59) in modo da ritrovarsi con la data aggiornata, oppure un qualcosa in modo che si aggiorni anche la data? :)
O provato ad applicare l'id al div ma così facendo perdo la data e rimane solo l'ora.
C' da dire che con IE non funziona. Vabbé, per adesso tolgo il tutto e torno alla situazione originaria :)

ma.. avete provato la mia "soluzione" ???

L'utente ha scritto che funzionava anche su IE e.. da quel che ricordo non ha il problema del cambiamento del giorno :wink: ...poi si basa sull'ora del server, quindi funziona correttamente anche se in locale si ha l'orologio mal impostato...

Ciao!