倒计时计时器？

Question

如何制作倒计时器？

当用户加载页面时，时钟开始倒计时，当时间结束时，将浏览器重定向到新页面。

找到了这个链接，但并不是太有用： http://encosia.com/2007/07/25/display-data-updates-in-real-time-with-ajax/

- 001

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>

- rob

---

对于可能会阅读本线程的许多人...您不应该将字符串传递给setTimeout。相反，应该传递一个匿名函数： setTimeout(function() { countDown(count-1); }, 1000); - Rob Flaherty

@rob：请考虑根据RobFlaherty的评论修改您的答案，以改进它。 - ThiefMaster

Answer 2

使用纯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
}

- meo

Answer 3

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

- jimbo

Answer 4

可能最简单的方法是使用计时器类。

- Matthew Jones