Javascript Clock

jaZon

I can not figure out, for the life of me, why this will not work. All I want to do is drop in the php server side values for the date and time. I saw a similar thread to this, but I had already gotten that far and it didn't help a bit.

Here is what I have:

<script language="JavaScript">

var clockID = 0;

function UpdateClock() {
   if(clockID) {
      clearTimeout(clockID);
      clockID  = 0;
   }

   var tDate = new Date();

   document.theClock.theTime.value = "" 
                                   + <?php echo date('H'); ?> + ":" 
                                   + <?php echo date('i'); ?> + ":" 
                                   + <?php echo date('s'); ?>

   clockID = setTimeout("UpdateClock()", 1000);
}
function StartClock() {
   clockID = setTimeout("UpdateClock()", 500);
}

function KillClock() {
   if(clockID) {
      clearTimeout(clockID);
      clockID  = 0;
   }
}

//-->

</script>
<body onload="StartClock()" onunload="KillClock()">
<center><form name="theClock">
<input type=text name="theTime" size=8>
<form></center>

This works fine if I use javascript to initialize the clock, but if I use the php values like that the clock doesn't move. It just displays the static time in which it was loaded. HELP!

AstroTeg

When you load the page, JavaScript starts by going to StartClock(). StartClock says goto UpdateClock() (and to do it on an interval). Trick is every time it goes to UpdateClock() it grabs PHP's time stamp (key here is "stamp" - one time shot of the time).

Its been a while since I've played with JavaScript, but you need to initialize the time BEFORE UpdateClock() runs. So when UpdateClock() runs next, its based off the time you initialized (versus the time you have hardcoded in the script). The initialization could take place in StartClock(). I wasn't able to find any clean code for setting a clock. Maybe I'll find some later or someone else might have an idea...