如何使用jquery创建一个以登录弹出窗口结束的5秒倒计时？

我如何创建一个jquery计时器，当链接被“鼠标覆盖”时开始，依次显示1、2、3、4和5。然后在5点弹出一个登录框

干杯。

怎么样：

var counter = 0;
var interval = setInterval(function() {
    counter++;
    // Display 'counter' wherever you want to display it.
    if (counter == 5) {
        // Display a login box
        clearInterval(interval);
    }
}, 1000);

---

这正是适用于我的代码：

<p>You'll be automatically redirected in <span id="count">10</span> seconds...</p>

<script type="text/javascript">

window.onload = function(){

(function(){
  var counter = 10;

  setInterval(function() {
    counter--;
    if (counter >= 0) {
      span = document.getElementById("count");
      span.innerHTML = counter;
    }
    // Display 'counter' wherever you want to display it.
    if (counter === 0) {
    //    alert('this is where it happens');
        clearInterval(counter);
    }

  }, 1000);

})();

}

</script>

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

您将在10秒内自动重定向

window.onload=函数（）{
（功能（）{
var计数器=10；
setInterval（函数（）{
计数器--；
如果（计数器>=0）{
span=document.getElementById（“计数”）；
span.innerHTML=计数器；
}
//无论您想在何处显示“计数器”。
如果（计数器==0）{
//警报（“这就是它发生的地方”）；
清除间隔（计数器）；
}
}, 1000);
})();
}

希望有帮助；）

HTML

---

很好的简洁回答-添加了倒计时和工作演示-您不需要使用

clearInterval（interval）

？您应该使用

interval

变量调用函数，而不是使用

计数器

一个。如果我想在一个页面中运行x个不同的位置，该怎么办？我如何分别为每个人运行它？替换

var counter=0带有
var计数器=5，
计数器++带有
计数器--
和
if（counter==5）{
和
if（counter==0）{
完成了！现在你有了一个真正的倒计时，而不是倒计时了。；）
<span class="c" id="5"></span>

function c(){
    var n=$('.c').attr('id');
    var c=n;
    $('.c').text(c);
    setInterval(function(){
        c--;
        if(c>=0){
            $('.c').text(c);
        }
        if(c==0){
            $('.c').text(n);
        }
    },1000);
}

// Start
c();

// Loop
setInterval(function(){
    c();
},5000);