Countdown Timer

timmywex · 04-11-2010 06:47PM #1

Hey,

Does anyone have a code for countdown timer, for say 10 seconds from when the page is opened!?

Ive been looking on google and can only find timers that count down to a specific date

Anyone any help or a point in the right direction?

Cheers!

Liam Byrne · 04-11-2010 10:28PM

An on-screen timer, or a page refresh timer ?

timmywex · 05-11-2010 12:08AM

On screen timer!

Have a page that people willl click onto, then it will redirect after say 15 seconds, looking for an on screen countdown to that?

Eoin · 05-11-2010 12:22PM

This is very rough code, and could do with a bit of refactoring I'm sure, but it's a start:

[html]
<html>
<head>
<script type="text/JavaScript">

if (window.attachEvent)
{
window.attachEvent("onload", doTimer);
}
else if (window.addEventListener)
{
window.addEventListener("load", doTimer, false);
}

function doTimer()
{
var x = setTimeout("setVal()", 1000);
}

function setVal()
{
var contents = new Number(document.getElementById("timer").innerHTML);
contents = contents -1;
document.getElementById("timer").innerHTML = contents;
if (contents > 0)
{
doTimer();
}
else
{
alert("do redirection now");
}
}

</script>
</head>
<body>
Redirecting in: <span id="timer" >15</span>
</body>
</html>
[/html]

jebuz · 05-11-2010 04:45PM

That is really over-complicating things for such a simple task. The following piece of code should redirect you to www.google.com in 5 seconds, modify it as required.

<head>

  <script type="text/javascript">
    function doOnLoad() {
      setTimeout('window.location="http://www.google.com"', 5000);
    }
  </script>

</head>

<body onload="doOnLoad()">
Your content here...
</body>

Eoin · 05-11-2010 05:03PM

Yeah, or you could just use a meta tag instead and have no scripting, but the OP did specifically ask for a countdown timer, so there might be a good reason behind it

timmywex · 06-11-2010 11:08AM

Lovely thanks very much!!

Countdown Timer

Comments