jQuery in Action, 2nd edition*
The moose likes HTML, CSS and JavaScript and the fly likes World Clock Problem Big Moose Saloon
  Search | Java FAQ | Recent Topics | Flagged Topics | Hot Topics | Zero Replies
Register / Login
JavaRanch » Java Forums » Engineering » HTML, CSS and JavaScript
Bookmark "World Clock Problem" Watch "World Clock Problem" New topic
Author

World Clock Problem

Vikram Virk
Greenhorn

Joined: Mar 13, 2006
Posts: 8
I have got a simple javascript for world clock.
But now the problem is how to modify it for time zones like india(+5:30)in integer inputs.And also how to include the daylight shifts.Please solve my problem.


if (document.all||document.getElementById)
document.write('<span id="worldclock" style="font:bold 25px Arial;"></span><br>')

zone=0;
isitlocal=true;
ampm='';

function updateclock(z){
zone=z.options[z.selectedIndex].value;
isitlocal=(z.options[0].selected)?true:false;
}

function WorldClock(){
now=new Date();
ofst=now.getTimezoneOffset()/60;
secs=now.getSeconds();
sec=-1.57+Math.PI*secs/30;
mins=now.getMinutes();
min=-1.57+Math.PI*mins/30;
hr=(isitlocal)?now.getHours() now.getHours() + parseInt(ofst)) + parseInt(zone);
hrs=-1.575+Math.PI*hr/6+Math.PI*parseInt(now.getMinutes())/360;
if (hr < 0) hr+=24;
if (hr > 23) hr-=24;
ampm = (hr > 11)?"PM":"AM";
statusampm = ampm.toLowerCase();

hr2 = hr;
if (hr2 == 0) hr2=12;
(hr2 < 13)?hr2:hr2 %= 12;
if (hr2<10) hr2="0"+hr2

var finaltime=hr2+':'+((mins < 10)?"0"+mins:mins)+':'+((secs < 10)?"0"+secs:secs)+' '+statusampm;

if (document.all)
worldclock.innerHTML=finaltime
else if (document.getElementById)
document.getElementById("worldclock").innerHTML=finaltime
else if (document.layers){
document.worldclockns.document.worldclockns2.document.write(finaltime)
document.worldclockns.document.worldclockns2.document.close()
}


setTimeout('WorldClock()',1000);
}


//-->
</script>
<!--html code is....
<!--Place holder for NS4 only-->
<ilayer id="worldclockns" width=100% height=35><layer id="worldclockns2" width=100% height=35 left=50 top=0 style="font:bold 16px Arial;"></layer></ilayer>


<select name="city" size="1" onchange="updateclock(this);" style="background-color: #DDDDDD">
<option value="" selected>Local time</option>
<option value="13">Auckland</option>
<option value="1">Amsterdam</option>
<option value="-5">Atlanta</option>
<option value="7">Bangkok</option>
<option value="8">Bejing</option>
<option value="1">Belgium</option>

</select> -->
Eric Pascarello
author
Rancher

Joined: Nov 08, 2001
Posts: 15376
    
    6
You need to look into getTimezoneOffset()

Eric
 
jQuery in Action, 2nd edition
 
subject: World Clock Problem
 
Similar Threads
separating out the js from jsp
how to create timer in jsp?
Live clock?!
Mouseover popup location
URGENT Help needed on JavaScript.