[js] clock con data server php

**Trinità76** · 09-02-2007, 16:07

Stavo pensando di riadattare lo script del clock scaricato da
http://www.devpro.it/javascript_id_56.html (versione originale commentata è qui)
realizzato dall'utente andr3a, e di implementare la data e ora del server.
In Js non conosco quasi niente, ad eccezione del fatto che scripto in AS per Flash.
Comunque ecco come stavo modificando lo script:

Codice

codice:

<script type="text/javascript" src="js/Object.clock.js"></script>
<script type="text/javascript">
<!--//
window.onload=function(){

var currenttime = '<?php echo date( "F d, Y H:i:s", time() )?>';
var mc = new clock( 'myClock', currenttime );
mc.show(); 
// [...] altre cose onload

}
//-->
</script>

Funzione inclusa Object.clock.js

codice:

var clock = function( id, currenttime ) {
	function setDays( ar ) {
		Days = ar;
	}
	function setMonths( ar ) {
		Months = ar;
	}
	function show() {
		var clock = __getClock();
		document.getElementById( id ).innerHTML = clock;
		if( __int__ == 0 ) {
			__int__ = setInterval( show, 1000 );
		}
	}
	function __under10( v ) {
		return v < 10 ? '0' + v : v;
	}
	function __getClock() {
		var serverDate = new Date( currenttime );
		serverDate.setSeconds( serverDate.getSeconds()+1 );
		var DD = __under10( serverDate.getDate() );
		var HH = __under10( serverDate.getHours() );
		var II = __under10( serverDate.getMinutes() );
		var ss = __under10( serverDate.getSeconds() );
		return Days[serverDate.getDay()] + ', ' + DD + ' ' + Months[serverDate.getMonth()] + ' ' + serverDate.getFullYear() + ' - ' + HH + ':' + II + ':' + ss;
	}
	var Days = Array( 'Domenica', 'Luned&igrave;', 'Marted&igrave;', 'Mercoled&igrave;', 'Gioved&igrave;', 'Venerd&igrave;', 'Sabato' );
	var Months = Array( 'Gennaio', 'Febbraio', 'Marzo', 'Aprile', 'Maggio', 'Giugno', 'Luglio', 'Agosto', 'Settembre', 'Ottobre', 'Novembre', 'Dicembre' );
	var __int__ = 0;
	this.show = show;
	this.setDays = setDays;
	this.setMonths = setMonths;
}

La funzione funziona

per quello che gli dico di fare: ossia ritorna la data e l'ora del server, ma non funziona (ovviamente) il refresh... ossia la data e ora stampate a video sono sempre le stesse... come si può fare per ovviare?

Grazie in anticipo e grazie ad andr3a

**Trinità76** · 09-02-2007, 19:21

ho capito cos'è che andrebbe fatto ma non so come si fa...

il php scrive nel codice la var currenttime,
il javacript legge quella variabile e aumenta di uno

dovrebbe fare controlli su tutti i campi (ora, min, sec, giorno, ecc.)
e poi dovrebbe, credo, fisicamente scrivere nell'html i secondi che cambiano (se questo non rende pesante l'esecuzione della pagina) oppure tenere in memoria in qualche modo l'incremento (prima +1sec, poi +2, +3 ecc.)

**Trinità76** · 12-02-2007, 12:28

up

**br1** · 12-02-2007, 14:16

Piccolo esempio:

codice:

<HTML>
<HEAD>
<TITLE> &copy; br1 - 2006 </TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
var DateServer = new Date(2007,01,12,13,16,50); // i valori sono scritti dal server; nota: il mese va da 0 a 11
var timer = setInterval("clock()",1000);
function clock() {
	DateServer.setSeconds(1+DateServer.getSeconds())
	document.getElementById("orologio").value = DateServer.toLocaleString();
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<input type="text" id="orologio" size="35">
</BODY>
</HTML>

Adattalo alle tue esigenze.

ciao

**Trinità76** · 14-02-2007, 10:58

grazie infinite br1
se a qualcuno può servire ho modificato lo script così e funziona:

Codice PHP:


<?php

$sdate = date( 'Y,m,d,H,i,s', time() );

echo <<<END

<script type="text/javascript">

<!--//

var DateServer = new Date({$sdate});

DateServer.setMonth(DateServer.getMonth()-1);

var timer = setInterval("clock()",1000);

function clock() {

    DateServer.setSeconds(1+DateServer.getSeconds());

    document.getElementById( 'myClock' ).innerHTML = DateServer.toLocaleString();

}

//-->

</script>

END;

?>

**Trinità76** · 14-02-2007, 22:54

C'è un problemino:
il codice sopra sembrava funzionare perfettamente... ma l'avevo testato solo su IE/Firefox sotto Windows.

Ora l'ho testato sotto FF di Linux e in output escono altri valori... non so... forse può dipendere dal fatto che la località del Linux che ho installato non è italiana?
Io dovrei invece garantire l'output dei giorni della settimana, dei mesi ecc. sia sempre lo stesso... quindi l'array iniziale andrebbe al caso mio, ma come posso modificare la funzione in modo che funzioni?

ecco quello che esce in output dal php:

codice:

<script type="text/javascript">
<!--//
var DateServer = new Date(2007,02,14,21,52,44);
DateServer.setMonth(DateServer.getMonth()-1);
var timer = setInterval("clock()",1000);
function clock() {
	DateServer.setSeconds(1+DateServer.getSeconds());
	document.getElementById( 'myClock' ).innerHTML = DateServer.toLocaleString();
}......

ed ecco quello che leggo sotto linux:

codice:

mer 14 feb 21:52:44 CET

a proposito, che roba è CET?

**br1** · 14-02-2007, 23:00

Se vuoi formattare diversamente l'output c'e' un mio vecchissimo codice...

http://javascript.html.it/demo/javas...44/esempio.htm

ciao

**Trinità76** · 14-02-2007, 23:11

Originariamente inviato da br1
Se vuoi formattare diversamente l'output c'e' un mio vecchissimo codice...

http://javascript.html.it/demo/javas...44/esempio.htm

ciao

grazie ancora, vado a vedere

Discussione: [js] clock con data server php

Strumenti discussione

Ricerca discussione

Visualizza

[js] clock con data server php

Re: [js] clock con data server php

Re: Re: [js] clock con data server php

Permessi di invio