[Javascript] Orario dinamico che refresha l'intera pagina

25-06-2010, 18.45.29

Salve, vi espongo il mio nuovo problemino:

Codice:

<html>
<head>
<SCRIPT language="JavaScript">
<!--
function doRefresh() {
document.location.reload();
}
window.setTimeout("doRefresh();", 1000);
//-->
</SCRIPT>
</head>
<body>
<script language="JavaScript">
<!--
today = new Date()
var h = today.getHours()
if (h<=9) h="0"+h
var m= parseInt(today.getMinutes())
if (m<=9) m="0"+m
var s= parseInt(today.getSeconds())
if (s<=9) s="0"+s
document.write("Orario attuale: "+h+":"+m+":"+s)
//-->
</script>
</body>
</html>

L'orario dovrebbe continuare ad aggiornarsi da solo ma .. si aggiorna, ma lo fa anche il sito!

Come risolvo?
grazie!

**javascripter** · 25-06-2010, 18.55.30

Eh si, richiami la funzione doRefresh ( che ricarica la pagina) ogni secondo.
Per evitare il refresh della pagina devi cambiare metodo ( cioè DOM ).

Ovviamente lo script che hai messo è da rimuovere subito :S
Sostituiscilo così:

Codice:

function ora() {
	var today = new Date();
	var h = today.getHours();
	if (h<=9) h='0'+h;
	var m= parseInt(today.getMinutes());
	if (m<=9) m='0'+m;
	var s= parseInt(today.getSeconds());
	if (s<=9) s='0'+s;

	document.getElementById('hour_box').innerHTML = h + ':' + m + ':' + s;
	setTimeout(ora, 1000);
}

Subito dopo la chiusura del tag <div id="hour_box"></div> inserisci:

Codice HTML:

<!-- codice html sopra -->
<div id="hour_box"></div>
<script type="text/javascript">/*<![CDATA[*/ora();/*]]>*/</script>
<!-- codice  html sotto -->

25-06-2010, 18.59.40

Awww Grazie mille *__*! Sto da 3 giorni a cercare ciò, ma non ho trovato nulla e se lo avevo tra le mie mani non usciva l'ora xD

Ti ringrazio mille! Ora manca solo il login box associato al forum in phpbb3 ed ho finito yee!
Grazie ancora

EDIT: Scusa se ti disturbo :P, ma come inserisco lo script centrato?
EDIT: Risolto! :).

**javascripter** · 25-06-2010, 19.12.44

me ne ero accorto.

Se puoi definire una regola nel Css:

Codice:

#hour_box {
     text-align: center;
}

O direttamente con l'attributo style:

Codice HTML:

<div id="hour_box" style="text-align: center;"></div>

25-06-2010, 19.14.48

Ho risolto con:

Codice HTML:

<center><script>function ora() {
	var today = new Date();
	var h = today.getHours();
	if (h<=9) h='0'+h;
	var m= parseInt(today.getMinutes());
	if (m<=9) m='0'+m;
	var s= parseInt(today.getSeconds());
	if (s<=9) s='0'+s;

	document.getElementById('hour_box').innerHTML = h + ':' + m + ':' + s;
	setTimeout(ora, 1000);
}</script><div id="hour_box"></div><script type="text/javascript">/*<![CDATA[*/ora();/*]]>*/</script></center>

Grazie mille, ora faccio come dici tu cosi in futuro non avrò problemi :P.
Potete chiudere!

Discussione: [Javascript] Orario dinamico che refresha l'intera pagina

LinkBack

Strumenti discussione

Display

[Javascript] Orario dinamico che refresha l'intera pagina

Regole di scrittura