元刷新重定向页面中的jQuery计时器

时间:2012-05-06 20:43:28

标签: javascript jquery html

我需要在12秒后将用户重定向到另一个页面,然后用代码执行此操作。但是我想在任何div中向他们展示一个简单的倒计时,这样他们就知道这将在12(11,10,9 ... .1,0)秒内发生

这需要用jQuery编写。感谢

<meta content="120; url=http://www.example.com" http-equiv="refresh" />

1 个答案:

答案 0 :(得分:4)

你可以改用这样的东西:

<div id="counter">12</div>

<script>
    ​var count = 12;
    var timer = setInterval(function() {
        if (--count < 1) {
            clearInterval(timer);
            window.location.href = "http://www.example.com/";
        }
        $("#counter").text(count);
    }, 1000);​
</script>

DEMO: http://jsfiddle.net/PeHFc/