Orologio che si aggiorna senza refresh di pagina

luigione · 8 Mar 2011

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 · 8 Mar 2011

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>

luigione · 8 Mar 2011

pagina bianca anche così purtroppo...

maxbossi · 9 Mar 2011

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

luigione · 9 Mar 2011

ok, grazie, ho provato su opera e funziona, invece su firefox non funzionava, grazie mille.

criric · 2012-08-15T19:41:40+0200

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.

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;

Cerca

Cerca

Orologio che si aggiorna senza refresh di pagina

luigione

Nuovo Utente

alessandro1997

Utente Attivo

luigione

Nuovo Utente

maxbossi

Amministratore

luigione

Nuovo Utente

criric

Super Moderatore

Discussioni simili