[javascript] Script per visualizzare l'ora [era: script]

07-06-2010, 16.04.19

ciao a tutti,

1 - ho uno script che mi visualizza l'ora locale ma con il tag meta refresh mi si ricarica tutta la pagina con l'incovenienza che questa scompare e riappare x il refresh ed è brutto da vedere; c'è un modo x vedere l'orologio aggiornato (vedere lo scorrere di secondi, minuti, ore) senza dover fare il refresh dalla pagina ma solo del div che contiene l'orologio?

2 - si può rilevare la risoluzione dello schermo del client sul quale si sta vsualizzando il sito?

Koala Premuroso

**karl94** · 07-06-2010, 17.39.00

Certo, basta conoscere il DOM, ti scrivo il codice, se poi ti interessa sapere come funziona, chiedi pure!

Codice HTML:

<script type="text/javascript">
	//<![CDATA[
	var el = document.getElementById("[U]ID[/U]");//Qui, al posto di [U]ID[/U] scrivi l'id dell'elemento nel quale vuoi visualizzare l'ora
	setInterval(function (){
		el.textContent = new Date().toLocaleTimeString();
	}, 1000);
	//]]>
</script>

Sì, basta usare javascript: tramite la proprietà screen dell'oggetto window.
L'oggetto Screen ha diverse proprietà, tra cui width, height e pixelDepth, che sono quelle che possono interessarti di più. Per maggiori dettagli, leggi le specifiche: http://www.w3.org/TR/cssom-view/#the-screen-interface

08-06-2010, 11.45.00

1 - ho inserito il codice ma non succede niente; ho messo il codice <script> all'interno del body

Codice HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
  <head>
    <script src="./js/orologio.js" type="text/javascript"></script>
    <!-- <script src="./js/impostazioni_schermo.js" type="text/javascript"></script> -->
    <meta http-equiv="content-type" content="text/html; charset=windows-1250">
    <meta name="generator" content="PSPad editor, www.pspad.com">
    <title>vari codici in javaScript</title>
  </head>
  <body onLoad="orologio('0');">
    <script type="text/javascript">
      /*function ricorsiva(n)
      {
           document.getElementById('orologio').innerHTML = n;
           if(n == 0)
                window.location.href='codici_JavaScript.html'; //reindirizzamento
           else
           setTimeout("ricorsiva("+(n-1)+")",1000); //aspetto 1 secondo e richiamo la funzione
      }*/
      //<![CDATA[
    	var el = document.getElementById('orologio');
    	setInterval(function ()
      {
    		el.textContent = new Date().toLocaleTimeString();
    	}, 1000);
    	//]]>
    </script>
    <div>
      data e ora locali:
      <div id='orologio'>
        Sincronizzazione. . .
      </div>
    </div>
    <!-- <div>
      schermo
      <div>
        <div id='impostazioni_schermo'>
          Sincronizzazione. . .
        </div>
      </div>
    </div> -->
  </body>
</html>

**javascripter** · 08-06-2010, 14.56.00

Mettilo dopo la chiusura del tag <body> lo script (oppure subito dopo il tag di chiusura di <div id='orologio'>).

Codice HTML:

<body>
<!-- contenuto body -->
<!-- script -->
</body>

09-06-2010, 11.42.09

ok data e ora funzionano grazie mille =)
ora continuo con le impostazioni dello schermo (non sono ancora arrivato a nessuna conclusione..)

Koala Premuroso

**karl94** · 09-06-2010, 21.58.12

Originalmente inviato da koalapremuroso

ok data e ora funzionano grazie mille =)
ora continuo con le impostazioni dello schermo (non sono ancora arrivato a nessuna conclusione..)

Koala Premuroso

Se voi il codice, basta che mi dica il testo che vuoi far vedere.

11-06-2010, 10.30.43

a me sevirebbe solo sapere le dimensioni dello schermo sul client in cui si sta visualizzando il sito (width e height).

il campo PixelDepth non ho capito a cosa serva... ^^

Koala Premuroso

**javascripter** · 11-06-2010, 11.03.05

Quelle informazioni le trovi rispettivamente in screen.width e screen.height

**karl94** · 11-06-2010, 11.40.01

Se vuoi che nell'elemento con id impostazioni_schermo venga scritto larghezza×altezza, usa questo codice:

Codice HTML:

<script type="text/javascript">
	//<![CDATA[
	document.getElementById("impostazioni_schermo").textContent = screen.width+"×"+screen.height;
	var el = document.getElementById("orologio");
	setInterval(function (){
		el.textContent = new Date().toLocaleTimeString();
	}, 1000);
	//]]>
</script>

La proprietà pixelDepth indica la profondità di colore: per sapere di più: http://it.wikipedia.org/wiki/Profondit%C3%A0_di_colore

Discussione: [javascript] Script per visualizzare l'ora [era: script]

LinkBack

Strumenti discussione

Display

[javascript] Script per visualizzare l'ora [era: script]

Regole di scrittura