time update

egeriicw

Is there away to display a constant time update... i.e. I want to show a clock with seconds ticking away.

enterume

you can use javascript to do it.. pleaes refer to here .

THanks
Louis

eledemar

just curious, that code you referenced is for JS title bar, status bar clock, what about for a pure php page that updates a clock?

enterume

In order to change something on the page, without refreshing the page, you have to use DHTML. Means, you have to use JS or Java to do it, or even use Flash and etc.

PHP just act like getting data or display the data in certain format. Or you use <iframe> to refresh it every second, to get the clock ticking work in a stastic page.

jeremuck

remember:

PHP is executed on the server.
The results are sent to the user's browser (through echo or print).
In order for PHP to be executed again, another request must be sent to the server.

marcnyc

jeremuck is right, and this also means (at least I believe so) that the time you will see is not the user's time but the server's time... I had this problem before with perl/cgi scripts hosted on a server in India... I would see the indian local time, so be careful of that...
java is the best way to go because it gets the time from the local machine executing the code

eledemar

ok JS is the way to go then, thanks for reminding me of php limitations =)

heh

eledemar

ok quick question:

if i set varibles in php script, can i still use those variables in the JS?

assuming they are both in the same file:

for instance:

we have file "liveclock.js"

inside i set some variables using this snippet of code:

                            var Digital = new Date();
	var day = Digital.getDay();
	var mday = Digital.getDate();
	var month = Digital.getMonth();
	var hours = Digital.getHours();

	var minutes = Digital.getMinutes();
	var seconds = Digital.getSeconds();

now , say i needed to use my servers system time (not the clinet system time) so that i can produce multiple clocks (one for alaska, pacific, eastern etc)

can i switch to php mode inside a .js file and call the time varibles from my server and then switch back to javascript mode and change these variables to something like this:?

                           	var hours = Date(H);

i know it sounds like alot, but i really like to try and produce my own coding as much as possible instead of just copy/paste.

Just want to know if its possible.

Weedpacket

can i switch to php mode inside a .js file and call the time varibles from my server...

Sure you can. the javascript code inside the page is just as much text as any other part of the HTML, and can be programmatically written by PHP in exactly the same way

<script type="text/javascript" langauge="JavaScript">
<!--
var some_js_variable =  <?php echo $some_php_variable?>;
//-->
</script>

eledemar

i have bugged it down to this section for sure:
keeping in mind my .php page looks like this

timecheck.php
<?php
print "<HTML><body onLoad='show_clock()'>";
echo "<script type='text/javascript' script language='javascript' src='liveclocktest.js'></script>"

?>

liveclocktest.js

(the part that works)

var Digital = new Date();
var hours = Digital.getHours();
var minutes = Digital.getMinutes();
var seconds = Digital.getSeconds();

(but when changed to reflect what you suggested it doesnt work)
(part that doesnt work)

var hours = <?php echo $Date(H)?>;
var minutes = <?php echo $Date(i)?>;
var seconds = <?php echo $Date(s)?>;

i get "error on page" in the status bar (prompting me its a JS error)

any clues?

Weedpacket

var hours = <?php echo Date('H')?>;
var minutes = <?php echo Date('i')?>;
var seconds = <?php echo Date('s')?>;

Remember the difference between variables and functions.

eledemar

still no go, heres the called .js

/////////////
//Live Clock test script for phpnuke module
//
//Created by xxxxxxxxxxxx(Eledemar) (xxxxxxxxxxxxxx)
//modification from script found at dynamicdrive.com
//
///////////////////
////Configuration///////////////

//set font face
var font_face="Trebuchet MS";

//set font size
var font_size="8";

//set color
var font_color="#000000";

//set background
var font_background="#ffffff";

//set pre text
var pre_text="Server Local Time is:";

//set width
var c_width=400;

//set var for 24h time
var c_display=0;

//set var for update
var myupdate=1;

///end configuraion
////////////////////////

var ie4=document.all
var ns4=document.layers
var ns6=document.getElementById&&!document.all

var dn="";
var mn="th";
var old="";

var ClockUpdate=new Array(3);
ClockUpdate[0]=0;
ClockUpdate[1]=1000;
ClockUpdate[2]=60000;

// For Version 4+ browsers, write the appropriate HTML to the
// page for the clock, otherwise, attempt to write a static
// date to the page.
if (ie4||ns6) { document.write('<span id="LiveClockIE" style="width:'+c_width+'px; background-color:'+font_background+'"></span>'); }
else if (document.layers) { document.write('<ilayer bgColor="'+font_background+'" id="ClockPosNS" visibility="hide"><layer width="'+c_width+'"

id="LiveClockNS"></layer></ilayer>'); }
else { old = "true"; show_clock(); }

// The main part of the script:
function show_clock() {
if (old == "die") { return; }

//show clock in NS 4
	if (ns4)
            document.ClockPosNS.visibility="show"
// Get all our date variables:

var hours = <?php echo Date('H')?>;
var minutes = <?php echo Date('i')?>;
var seconds = <?php echo Date('s')?>;

/// var Digital = new Date();
/// var hours = Digital.getHours();
/// var minutes = Digital.getMinutes();
/// var seconds = Digital.getSeconds();

// Fix the "mn" variable if needed:

// Set up the hours for either 24 or 12 hour display:

	if (minutes <= 9) { minutes = "0"+minutes; }
	if (seconds <= 9) { seconds = "0"+seconds; }

// This is the actual HTML of the clock. If you're going to play around
// with this, be careful to keep all your quotations in tact.
	myclock = '';
	myclock += '<font style="color:'+font_color+'; font-family:'+font_face+'; font-size:'+font_size+'pt;">';
	myclock += pre_text;
	myclock += hours+':'+minutes;
	if ((myupdate < 2) || (myupdate == 0)) { myclock += ':'+seconds; }
	myclock += ' '+dn;
	myclock += '</font>';

	if (old == "true") {
		document.write(myclock);
		old = "die";
		return;
	}

// Write the clock to the layer:
	if (ns4) {
		clockpos = document.ClockPosNS;
		liveclock = clockpos.document.LiveClockNS;
		liveclock.document.write(myclock);
		liveclock.document.close();
	} else if (ie4) {
		LiveClockIE.innerHTML = myclock;
	} else if (ns6){
		document.getElementById("LiveClockIE").innerHTML = myclock;
            }            

if (myupdate != 0) { setTimeout("show_clock()",ClockUpdate[myupdate]); }

}

Weedpacket

Being a Javascript error, have you looked at the generated source that the browser is trying to execute? If you've got Mozilla, it has a javascript console much better than the moronic thing IE has (that can't even get line numbers right).