JavaScript clock, adjustable depending on user input

Athro · 05-03-2011, 11:25 AM

Hello, everyone. I am currently on my way to create my own site, but I would like to create a ticking clock with javascript.
My only problem is this:
In the registration form for the users, I let them select in what timezone they are, so later on when they log in they would see a clock for that timezone.
How do I make this?

Help me please

bullant · 05-03-2011, 11:39 AM

One option is to use the javascript Date object to get the current hours, minutes and seconds from the users pc at 1 second intervals using setInterval() and display it.

AndrewGSW · 05-03-2011, 11:42 AM

Do you already have a ticking clock

Athro · 05-03-2011, 12:58 PM

Thank you for the quick replies!

Yes, andrew, I do indeed have a script for a ticking clock (I'll show it in a second), but the fact is that I gave those <option><select></select></option> a few values that I inserted into MySQL database, and now I'd basically get those things out of my database (I know how to get them out), but also use those values (e.g. -6) to adapt my clock.

My ticking clock script:
<script type="text/javascript">
function startTime()
{
var today=new Date();
var h=today.getHours();
var m=today.getMinutes();
var s=today.getSeconds();
// add a zero in front of numbers<10
m=checkTime(m);
s=checkTime(s);
document.getElementById('txt').innerHTML=h+":"+m+":"+s;
t=setTimeout('startTime()',500);
}

function checkTime(i)
{
if (i<10)
{
i="0" + i;
}
return i;
}
</script>
</head>

<body onload="startTime()">
<div id="txt"></div>
</body>

AndrewGSW · 05-03-2011, 10:00 PM

Something like this:

Code:

var today = new Date();
var adjDate = new Date(today.getTime());
adjDate.setHours(adjDate.getHours()+h);   // where h is -6, for example

Athro · 05-04-2011, 06:15 AM

So I just replace that h by for example -6 or +6?
Ahh, thanks! This really helped me ^.^

Athro · 05-06-2011, 10:59 PM

Oh, one more thing, though, is there a special thing for summertime etc?