JS Timer/Countdown

Napster

I want to add a thing on my website with JS which is a countdown for like 3 minutes and then once the timer is at 00:00:00 it will disable a submit button. I have searched already and I found nothing in the search engines that can help. I know some JS but not enough to do this. Can someone please help me?

pyro

Try this. Edit the parts in bold. The first item is the number of seconds to wait, and the second is the ID of your submit button.

<script type="text/javascript">
//<![CDATA[
seconds = [b]180[/b]; // number of seconds to wait
id = '[b]submit[/b]'; // ID of the submit button
onload = function() {
	timestamp = new Date();
	time = timestamp.getTime();
}
function countdown() {
	c_timestamp = new Date();
	c_time = c_timestamp.getTime();
	if (Math.floor((c_time - time)/1000) == seconds) {
		document.getElementById(id).disabled = true;
		clearInterval(timer);
	}
}
timer = setInterval("countdown()", 1000);
//]]>
</script>

Napster

Thank you, but when I tried it, I saw nothing?? Also, where is all the information for the submit button, asides from the variable named id?

pyro

Here's a more complete example:

<script type="text/javascript">
//<![CDATA[
seconds = 180; // number of seconds to wait
id = 'submit';
onload = function() {
	timestamp = new Date();
	time = timestamp.getTime();
}
function countdown() {
	c_timestamp = new Date();
	c_time = c_timestamp.getTime();
	if (Math.floor((c_time - time)/1000) == seconds) {
		document.getElementById(id).disabled = true;
		clearInterval(timer);
	}
}
timer = setInterval("countdown()", 1000);
//]]>
</script>
</head>
<body>
<form action="">
	<p><input type="submit" name="submit" id="submit" value="submit" /></p>
</form>

You won't see anything until the submit button disables itself after 3 minutes (180 seconds).

Napster

ok that is great thans so much, but one small problem. No matter what I set the number of seconds to it always disables it after about 3 seconds?

pyro

I had a little error in the code, from testing. I edited my second post above, so it should be good, now.

Napster

Ok, thanx you so much

pyro

No problem. 🙂