Requesting assistance implementing a javascript clock

Question

I've seen the myriad of javascript forum entries but none I've reviewed have provided the nugget of information which will allow this particular script to execute in a region (script at end of message).
It works fine if you place it entirely in the page header region, but it certainly is not rendered where I would want it to be located. In an attempt to have this rendered where I want, I'm attempting to put it into a region. I've not been successful in getting this to work It does not function if placed in a region header. It does not function if you put the script portion in a page header and the table/form structure in a region header or source. It does not work if you call the function from a region header (javascript:runClock(); or onload="javascript:runClock()";.
While I've implemented a few javascript elements in apps before, this is the most complex one I've worked with. I'm not able to pull this rabbit from the hat.
Advice? Many thanks!
Paul
<table style="border-style:none;border-bottom-width:3;border-top-width:3;border-left-width:3;border-right-width:3;border-bottom-color:#99CCFF;border-top-color:#99CCFF;border-right-color:#99CCFF;border-left-color:#99CCFF;" cellpadding=2>
<tr>
<td bgcolor="#99CCFF">
<font color="#3366CC" face="arial">
<form name="time"><input type=text name="box" style="font-weight:bold;background-color:#99CCFF;color:#3366CC;font-family:arial;border:0;" size=37>
<SCRIPT LANGUAGE="JavaScript">
function runClock(){
theTime = window.setTimeout("runClock()", 1000);
var RightNow = new Date();
var hrNow = RightNow.getHours();
var mnNow = RightNow.getMinutes();
var scNow = RightNow.getSeconds();
var miNow = RightNow.getTime();
var mon = RightNow.getMonth() + 1;
var date = RightNow.getDate();
var year = RightNow.getFullYear();
var day = RightNow.getDay();
if(hrNow == 0) {hour = 12;var ap = " AM";}
else if(hrNow <= 11) {ap = " AM";hour = hrNow;}
else if(hrNow == 12) {ap = " PM";hour = 12;}
else if (hrNow >= 13) {hour = (hrNow - 12);ap = " PM";}
if(hrNow >= 13) {hour = hrNow - 12;}
if(mnNow <= 9) {min = "0" + mnNow;}
else{min = mnNow}
if (scNow <= 9) {secs = "0" + scNow;}
else {secs = scNow;}
var zday=new Array(7)
if (day==0) {zday="Sunday"};
if (day==1) {zday="Monday"};
if (day==2) {zday="Tuesday"};
if (day==3) {zday="Wednesday"};
if (day==4) {zday="Thursday"};
if (day==5) {zday="Friday"};
if (day==6) {zday="Saturday"};
var zmon = new Array(12)
if (mon==1) {zmon="January"};
if (mon==2) {zmon="February"};
if (mon==3) {zmon="March"};
if (mon==4) {zmon="April"};
if (mon==5) {zmon="May"};
if (mon==6) {zmon="June"};
if (mon==7) {zmon="July"};
if (mon==8) {zmon="August"};
if (mon==9) {zmon="September"};
if (mon==10) {zmon="October"};
if (mon==11) {zmon="November"};
if (mon==12) {zmon="December"};
document.time.box.value=""+zday+", "+zmon+" "+date+", "+year+" "+hour+":"+min+":"+secs+ap+"";}
runClock();
</script>
</form></font></td></tr></table>

Answer 1

Paul:
Put this where you want the clock to show <table style="border-style:none;border-bottom-width:3;border-top-width:3;border-left-width:3;border-right-width:3;border-bottom-color:#99CCFF;border-top-color:#99CCFF;border-right-color:#99CCFF;border-left-color:#99CCFF;" cellpadding=2>
<tr>
<td bgcolor="#99CCFF">
<font color="#3366CC" face="arial">
<input type=text id="box" style="font-weight:bold;background-color:#99CCFF;color:#3366CC;font-family:arial;border:0;" size=37>
</font></td></tr></table>
<script>
runClock();
</script>Put this in the html header<SCRIPT LANGUAGE="JavaScript">
function runClock(){
//alert ("here")
theTime = window.setTimeout("runClock()", 1000);
var RightNow = new Date();
var hrNow = RightNow.getHours();
var mnNow = RightNow.getMinutes();
var scNow = RightNow.getSeconds();
var miNow = RightNow.getTime();
var mon = RightNow.getMonth() + 1;
var date = RightNow.getDate();
var year = RightNow.getFullYear();
var day = RightNow.getDay();
if(hrNow == 0) {hour = 12;var ap = " AM";}
else if(hrNow <= 11) {ap = " AM";hour = hrNow;}
else if(hrNow == 12) {ap = " PM";hour = 12;}
else if (hrNow >= 13) {hour = (hrNow - 12);ap = " PM";}
if(hrNow >= 13) {hour = hrNow - 12;}
if(mnNow <= 9) {min = "0" + mnNow;}
else{min = mnNow}
if (scNow <= 9) {secs = "0" + scNow;}
else {secs = scNow;}
var zday=new Array(7)
if (day==0) {zday="Sunday"};
if (day==1) {zday="Monday"};
if (day==2) {zday="Tuesday"};
if (day==3) {zday="Wednesday"};
if (day==4) {zday="Thursday"};
if (day==5) {zday="Friday"};
if (day==6) {zday="Saturday"};
var zmon = new Array(12)
if (mon==1) {zmon="January"};
if (mon==2) {zmon="February"};
if (mon==3) {zmon="March"};
if (mon==4) {zmon="April"};
if (mon==5) {zmon="May"};
if (mon==6) {zmon="June"};
if (mon==7) {zmon="July"};
if (mon==8) {zmon="August"};
if (mon==9) {zmon="September"};
if (mon==10) {zmon="October"};
if (mon==11) {zmon="November"};
if (mon==12) {zmon="December"};
$x('box').value=""+zday+", "+zmon+" "+date+", "+year+" "+hour+":"+min+":"+secs+ap+"";}
</script>