Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
Position Clock
- Thread starter Montroze
- Start date
- Thread starter
- #2
Guess the script would help 
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var day="";
var month="";
var myweekday="";
var year="";
newdate = new Date();
mydate = new Date();
dston = new Date('April 4, 1999 2:59:59');
dstoff = new Date('october 31, 1999 2:59:59');
var myzone = newdate.getTimezoneOffset();
newtime=newdate.getTime();
var zone = 6; // references your time zone
if (newdate > dston && newdate < dstoff ) {
zonea = zone - 1 ;
dst = " Central Savings Time";
}
else {
zonea = zone ; dst = " Central Standard Time";
}
var newzone = (zonea*60*60*1000);
newtimea = newtime+(myzone*60*1000)-newzone;
mydate.setTime(newtimea);
myday = mydate.getDay();
mymonth = mydate.getMonth();
myweekday= mydate.getDate();
myyear= mydate.getYear();
year = myyear;
if (year < 2000) // Y2K Fix, Isaac Powell
year = year + 1900; // myhours = mydate.getHours();
if (myhours >= 12) {
myhours = (myhours == 12) ? 12 : myhours - 12; mm = " PM";
}
else {
myhours = (myhours == 0) ? 12 : myhours; mm = " AM";
}
myminutes = mydate.getMinutes();
if (myminutes < 10){
mytime = ":0" + myminutes;
}
else {
mytime = ":" + myminutes;
};
arday = new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"
armonth = new Array("January ","February ","March ","April ","May ","June ","July ","August ","September ", "October ","November ","December "
ardate = new Array("0th","1st","2nd","3rd","4th","5th","6th","7th","8th","9th","10th","11th","12th","13th","14th","15th","16th","17th","18th","19th","20th","21st","22nd","23rd","24th","25th","26th","27th","28th","29th","30th","31st"
// rename locale as needed.
var time = ("In Regina,Saskatchewan, it is: " + myhours + mytime+ mm + ", " + arday[myday] +", " + armonth[mymonth] +" "+ardate[myweekday] + ", " + year+", " + dst +"."
document.write(time);
//-->
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var day="";
var month="";
var myweekday="";
var year="";
newdate = new Date();
mydate = new Date();
dston = new Date('April 4, 1999 2:59:59');
dstoff = new Date('october 31, 1999 2:59:59');
var myzone = newdate.getTimezoneOffset();
newtime=newdate.getTime();
var zone = 6; // references your time zone
if (newdate > dston && newdate < dstoff ) {
zonea = zone - 1 ;
dst = " Central Savings Time";
}
else {
zonea = zone ; dst = " Central Standard Time";
}
var newzone = (zonea*60*60*1000);
newtimea = newtime+(myzone*60*1000)-newzone;
mydate.setTime(newtimea);
myday = mydate.getDay();
mymonth = mydate.getMonth();
myweekday= mydate.getDate();
myyear= mydate.getYear();
year = myyear;
if (year < 2000) // Y2K Fix, Isaac Powell
year = year + 1900; // myhours = mydate.getHours();
if (myhours >= 12) {
myhours = (myhours == 12) ? 12 : myhours - 12; mm = " PM";
}
else {
myhours = (myhours == 0) ? 12 : myhours; mm = " AM";
}
myminutes = mydate.getMinutes();
if (myminutes < 10){
mytime = ":0" + myminutes;
}
else {
mytime = ":" + myminutes;
};
arday = new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"
armonth = new Array("January ","February ","March ","April ","May ","June ","July ","August ","September ", "October ","November ","December "
ardate = new Array("0th","1st","2nd","3rd","4th","5th","6th","7th","8th","9th","10th","11th","12th","13th","14th","15th","16th","17th","18th","19th","20th","21st","22nd","23rd","24th","25th","26th","27th","28th","29th","30th","31st"
;// rename locale as needed.
var time = ("In Regina,Saskatchewan, it is: " + myhours + mytime+ mm + ", " + arday[myday] +", " + armonth[mymonth] +" "+ardate[myweekday] + ", " + year+", " + dst +"."
;document.write(time);
//-->
</SCRIPT>
alexfusion
Programmer
Hi Montroze,
I kept your time script the same excepting for the last line of code.Besides I inserted your script into a function named 'showtime()'.Of course you may name it what you want.
Instead of using 'document.write(time)', I replaced it for
the 'innerText' property.
As you can see the last line of code looks as follows:
timelocation.innerText = time;
Then I gave an id="timelocation" to the cell where time is displayed.By giving an id to the cell you can access it easily for scripting.In this case for displaying the time into the cell.So,using innerText property you can put the value of the variable 'time' in the cell.
Of course you can layout your page the way you like.
This is just an example.
Here is the complete code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>DISPLAYING TIME</title>
<script language="JavaScript">
<!-- Begin
function showtime()
{
var day="";
var month="";
var myweekday="";
var year="";
newdate = new Date();
mydate = new Date();
dston = new Date('April 4, 1999 2:59:59');
dstoff = new Date('october 31, 1999 2:59:59');
var myzone = newdate.getTimezoneOffset();
newtime=newdate.getTime();
var zone = 6; // references your time zone
if (newdate > dston && newdate < dstoff ) {
zonea = zone - 1 ;
dst = " Central Savings Time";
}
else {
zonea = zone ; dst = " Central Standard Time";
}
var newzone = (zonea*60*60*1000);
newtimea = newtime+(myzone*60*1000)-newzone;
mydate.setTime(newtimea);
myday = mydate.getDay();
mymonth = mydate.getMonth();
myweekday= mydate.getDate();
myyear= mydate.getYear();
year = myyear;
if (year < 2000) // Y2K Fix, Isaac Powell
{year = year + 1900;} // myhours = mydate.getHours();
if (myhours >= 12) {
myhours = (myhours == 12) ? 12 : myhours - 12; mm = " PM";
}
else {
myhours = (myhours == 0) ? 12 : myhours; mm = " AM";
}
myminutes = mydate.getMinutes();
if (myminutes < 10){
mytime = ":0" + myminutes;
}
else {
mytime = ":" + myminutes;
};
arday = new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"
armonth = new Array("January ","February ","March ","April ","May ","June ","July ","August ","September ", "October ","November ","December "
ardate = new Array("0th","1st","2nd","3rd","4th","5th","6th","7th","8th","9th","10th","11th","12th","13th","14th","15th","16th","17th","18th","19th","20th","21st","22nd","23rd","24th","25th","26th","27th","28th","29th","30th","31st"
// rename locale as needed.
var time = "In Regina,Saskatchewan, it is: " + myhours + mytime+ mm + ", " + arday[myday] +", " + armonth[mymonth] +" "+ardate[myweekday] + ", " + year+", " + dst +".";
timelocation.innerText = time;
}
//-->
</script>
<style type="text/css">
.class1
{
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 10pt;
font-weight : bolder;
color : Black;
}
</style>
</head>
<body onload="showtime()">
<br><br><br><br>
<table width="100%" border="1" cellspacing="0" cellpadding="2" align="center" bordercolor="#000000">
<tr>
<td align="center">
<p class="class1">This example shows how to display the time where you wish</p>
</td>
</tr>
<tr>
<td align="center">
</td>
</tr>
<tr>
<td align="center">
<p class="class1" id="timelocation"> </p>
</td>
</tr>
</table>
</body>
</html>
I hope this helps,
Kind Regards
alexfusion
I kept your time script the same excepting for the last line of code.Besides I inserted your script into a function named 'showtime()'.Of course you may name it what you want.
Instead of using 'document.write(time)', I replaced it for
the 'innerText' property.
As you can see the last line of code looks as follows:
timelocation.innerText = time;
Then I gave an id="timelocation" to the cell where time is displayed.By giving an id to the cell you can access it easily for scripting.In this case for displaying the time into the cell.So,using innerText property you can put the value of the variable 'time' in the cell.
Of course you can layout your page the way you like.
This is just an example.
Here is the complete code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>DISPLAYING TIME</title>
<script language="JavaScript">
<!-- Begin
function showtime()
{
var day="";
var month="";
var myweekday="";
var year="";
newdate = new Date();
mydate = new Date();
dston = new Date('April 4, 1999 2:59:59');
dstoff = new Date('october 31, 1999 2:59:59');
var myzone = newdate.getTimezoneOffset();
newtime=newdate.getTime();
var zone = 6; // references your time zone
if (newdate > dston && newdate < dstoff ) {
zonea = zone - 1 ;
dst = " Central Savings Time";
}
else {
zonea = zone ; dst = " Central Standard Time";
}
var newzone = (zonea*60*60*1000);
newtimea = newtime+(myzone*60*1000)-newzone;
mydate.setTime(newtimea);
myday = mydate.getDay();
mymonth = mydate.getMonth();
myweekday= mydate.getDate();
myyear= mydate.getYear();
year = myyear;
if (year < 2000) // Y2K Fix, Isaac Powell
{year = year + 1900;} // myhours = mydate.getHours();
if (myhours >= 12) {
myhours = (myhours == 12) ? 12 : myhours - 12; mm = " PM";
}
else {
myhours = (myhours == 0) ? 12 : myhours; mm = " AM";
}
myminutes = mydate.getMinutes();
if (myminutes < 10){
mytime = ":0" + myminutes;
}
else {
mytime = ":" + myminutes;
};
arday = new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"
armonth = new Array("January ","February ","March ","April ","May ","June ","July ","August ","September ", "October ","November ","December "
;ardate = new Array("0th","1st","2nd","3rd","4th","5th","6th","7th","8th","9th","10th","11th","12th","13th","14th","15th","16th","17th","18th","19th","20th","21st","22nd","23rd","24th","25th","26th","27th","28th","29th","30th","31st"
;// rename locale as needed.
var time = "In Regina,Saskatchewan, it is: " + myhours + mytime+ mm + ", " + arday[myday] +", " + armonth[mymonth] +" "+ardate[myweekday] + ", " + year+", " + dst +".";
timelocation.innerText = time;
}
//-->
</script>
<style type="text/css">
.class1
{
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 10pt;
font-weight : bolder;
color : Black;
}
</style>
</head>
<body onload="showtime()">
<br><br><br><br>
<table width="100%" border="1" cellspacing="0" cellpadding="2" align="center" bordercolor="#000000">
<tr>
<td align="center">
<p class="class1">This example shows how to display the time where you wish</p>
</td>
</tr>
<tr>
<td align="center">
</td>
</tr>
<tr>
<td align="center">
<p class="class1" id="timelocation"> </p>
</td>
</tr>
</table>
</body>
</html>
I hope this helps,
Kind Regards
alexfusion
- Thread starter
- #4
One problem is that the proposed script won't work in Netscape browsers because object.innerText is not supported. A way to get it to work in both browsers is to have the function return the string 'time' to the function call, which is embedded in the HTML in the spot where you want the time to appear.
try these simple fixes:
Change the HTML to this:
This works in at least both major browsers (including NS 4.x and NS 6.x).
I hope this helps!
try these simple fixes:
Code:
//timelocation.innerText = time;(REMOVE THIS LINE)
return time//(ADD THIS LINE)
Code:
<p class="class1" id="timelocation">
<script language="javascript">
document.write(showtime())
</script>
</p>This works in at least both major browsers (including NS 4.x and NS 6.x).
I hope this helps!
alexfusion
Programmer
Hi guys,
Thank you, Montroze for your response.It feels good when someone tells that the answer is useful.
LScott,you are totally correct.Netscape doesn't support object.innerText.
I forgot this issue.I'm sorry.
The modifications you pointed are very good.Thank you for your observation.It is useful to me.
Kindest Regards
alexfusion
Thank you, Montroze for your response.It feels good when someone tells that the answer is useful.
LScott,you are totally correct.Netscape doesn't support object.innerText.
I forgot this issue.I'm sorry.
The modifications you pointed are very good.Thank you for your observation.It is useful to me.
Kindest Regards
alexfusion
- Status
Similar threads
- Locked
- Question