Orologio che si aggiorna in tempo reale

**csrweb** · 27-09-2010, 15.38.13

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 !

**javascripter** · 27-09-2010, 15.50.35

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>

27-09-2010, 15.52.55

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

poi <body> diventa

e dove vuoi che compare l'orologio scrivi questo

**csrweb** · 27-09-2010, 16.10.40

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 ?

**alemoppo** · 27-09-2010, 17.11.49

Hai già cercato sul forum?

Ad esempio, qui.

Ciao!

27-09-2010, 19.28.55

si aggiorna constantemente
lo puoi vedere a questo indirizzo

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

**darkwolf** · 27-09-2010, 21.12.13

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?

**javascripter** · 27-09-2010, 22.19.14

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?

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.

**darkwolf** · 27-09-2010, 22.29.27

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 :)

**alemoppo** · 27-09-2010, 22.49.08

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

...poi si basa sull'ora del server, quindi funziona correttamente anche se in locale si ha l'orologio mal impostato...

Ciao!

Discussione: Orologio che si aggiorna in tempo reale

LinkBack

Strumenti discussione

Display

Orologio che si aggiorna in tempo reale

Regole di scrittura