Таймер обратного отсчета?

Question

Как сделать таймер обратного отсчета?

Когда пользователь загружает страницу, часы начинают обратный отсчет, он достигает времени, он перенаправляет браузер на новую страницу.

Нашел это, это было не слишком полезно. http://encosia.com/2007/07/25/display-data-updates-in-real-time-with-ajax/

Answer 1

Как то так?

   <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

<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>

Answer 3

с чистым JavaScript вы можете сделать это так

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

Вероятно, проще всего было бы использовать Класс таймера .