Countdown timer?

Question

How to make a countdown timer?

When the user loads the page, the clock starts counting down, it reaches the time, redirects the browser to a new page.

Found it, it was not too useful. http://encosia.com/2007/07/25/display-data-updates-in-real-time-with-ajax/

Answer 1

Something like that?

<div id="countDiv"></div> <script> function countDown (count) { if (count > 0) { var d = document.getElementById("countDiv"); d.innerHTML = count; setTimeout (function() { countDown(count-1); }, 1000); } else document.location = "someotherpage.html"; } countDown(5); </script> 

Answer 2

Probably the easiest way would be to use the Timer class .

Answer 3

with pure javascript you can do it like this

 window.onload=function(){ // makes sure the dom is ready setTimeout('function(){document.location = "http://www.google.com"}', 10000) // redirects you to google after 10 seconds } 

Answer 4

 <p> When this counter reaches 0, you will be redirected to <a href="http://path.to.wherever/" id="redirectme">wherever</a>. <span id="counter">10</span> </p> <script type="text/javascript"> (function(){ var counter = document.getElementById("counter"), count = parseInt(counter.innerHTML), url = document.getElementById("redirectme").href, timer; function countdown() { count -= 1; counter.innerHTML = count; if (count <= 0) { clearTimeout(timer); window.location.assign(url); } } timer = setInterval(countdown, 1000); // 1000 ms })(); </script>