Orologio che si aggiorna senza refresh di pagina

L

luigione

Nuovo Utente
11 Feb 2011
4
0
0
Salve, ho preso da uno dei vostri articoli del codice javascript per un orologio che aggiorni l'ora senza refresh, però l'ho inserito in una semplice pagina html
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Documento senza titolo</title> </head><body>  <span id="orologio"></span> <script type="text/javascript" > 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);  } </script>  <body onload="OrologioScorrevole()">   </body> </html>
ma non esce nulla, la pagina rimane bianca, coem posso fare?

l'articolo è questo https://www.mrw.it/javascript/articoli/orologio-si-aggiorna-senza-refresh-pagina_476.html
 
alessandro1997

alessandro1997

Utente Attivo
6 Ott 2009
5.302
1
0
26
Roma
alessandro1997.netsons.org
Prova modificando così la pagina:
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Documento senza titolo</title>
        <script type="text/javascript">
            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);
            }
        </script>
    </head>
    <body onload="OrologioScorrevole();">
        <span id="orologio"></span>
    </body>
</html>
 
maxbossi

maxbossi

Amministratore
Membro dello Staff
ADMIN
MOD
25 Feb 2003
2.025
43
48
www.ikiweb.it
Ciao, il codice è perfetto e funziona benissimo (appena provato).
Alcune domande:

- stai testando il file HTML con lo script in locale? Se la risposta è "sì" e stai usando IE può essere che ci sia un blocco nell'esecuzione degli script di pagine

- se stai testando da remoto verifica che il tuo browser abbia il supporto javascript abilitato.

Ciao
 
L

luigione

Nuovo Utente
11 Feb 2011
4
0
0
ok, grazie, ho provato su opera e funziona, invece su firefox non funzionava, grazie mille.
 
criric

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao,
riprendo questa discussione perchè in effetti su Firefox non funziona
Dipende dalla proprieta innerText che non è supportata da Firefox perche non ancora uno standard
ho trovato questo commento in rete
Sembra che questa proprietà, nata come codice nativo per Internet Explorer, diventerà presto uno standard dell’HTML5.
Clicca per allargare...
mah! Strano che a tutt'ora non ci abbiano ancora pensato ( almeno sulla versione che ho io - 14.0.1 -)

Per risolvere intanto è meglio usare innerHTML che dovrebbe essere supportata da tutti
Codice: 
document.getElementById("orologio").innerHTML = ora;
 
Devi accedere o registrarti per poter rispondere.
Discussioni simili
Autore Titolo Forum Risposte Data
L orologio che scorre (php/js) Javascript 4
A inserire la function orologio() in un div Javascript 12
E [Visual basic 2008]Orologio Visual Basic 0
SolidSnake4 orologio analogico Flash 3
I orologio-differenze tra browser HTML e CSS 3
D Orologio sincronizzato server Classic ASP 0
A visualizzazione orologio Javascript 5
L orologio Flash 1
L Orologio java Javascript 1
E Orologio da polso con contenitore nascosto portapreservativi Altri Annunci 7
A orologio Programmazione 2
G Orologio FLASH Flash 2
B Orologio in una maschera di access MS Access 1
peppoweb Un orologio dinamico per Ms Internet Explorer Javascript 5
M pulsante per aprire una maschera che contiene controllo schede MS Access 0
C Hosting che supportano websocker ed event scheduler Domini 0
K Form che manda dati doppi PHP 1
D rotella di caricamento che si toglie quando parte il download Ajax 0
M Vendo il mio sito web teknosurfng.com, che trasmette nel campo della tecnologia Compravendita siti e domini 0
Shyson Regex che trova la parola nella pagina jQuery 6
alankanz Count che ricomincia ogni anno PHP 2
AkTaRuS DIsabilitare il tasto destro tranne che per code e pre Javascript 1
R Recupero di permalink di un sito che è stato eliminato per errore WordPress 5
Ricky80 Fiore che sboccia Javascript 0
R jquery che cambia css di un elemento non mi funziona sulla pagina caricata da ajax Ajax 5
G notifiche dekstop/mobile ogni volta che record è inserito/eliminato/aggiornato PHP 0
P Pagina modifica record che non funziona PHP 0
S In che linguaggio è scritto il DTD? XML 2
Shyson Wordpress conta più messaggi di quelli che ci sono WordPress 1
Stex1967 Salvare una immagine che si trova su porta TCP 8080 di altro sito PHP 7
G Finestra di dialogo che non si apre - programma NUENDO Windows e Software 0
voldemort Cos'è una SCRL? Che tipo di società è?? Leggi, Normative e Fisco 1
Shyson Codice che trova item casuali PHP 1
S Testo scrolla su immagine che cambia HTML e CSS 0
R Immagini scontornate: che formato? HTML e CSS 4
R Select concatenata che non funziona la seconda volta Ajax 3
G un tool che trova nuovi clienti per web agency e web developer Offerte e Richieste di Lavoro e/o Collaborazione 2
I Credo che si inizi con ciao... Presentati al Forum 1
Alex_70 Stringa che diventa un url PHP 6
A nome file che contiene punto passato come parametro a query PHP 31
D File pdf che non si aprono .... PHP 1
S Hosting che permetta collegamenti esterni Hosting 0
V Condominio dispettoso, volume citofono che si abbassa e si alza in maniera strana Presentati al Forum 1
C ID che si incrementa ad ogni evento Database 0
P Sito creano con Joomla con sottominio che reindirizza a sito esterno Domini 1
T Far sparire dalla pagina div che saranno inseriti successivamente jQuery 0
T [a pagamento] programmatore PHP che mi aiuti a migrare gli script da vecchia versione PHP a nuova Offerte e Richieste di Lavoro e/o Collaborazione 1
E Div che scompare con scroll jquery Javascript 0
T Dubbio su costante ROOT, che rappresenti la base directory del sito PHP 4
G Evitare che mi continui ad arrivare in alice mail spam Posta Elettronica 2

Discussioni simili

Alto Basso