如何使用jquery創建一個以登錄彈出框結束的5秒倒數計時器？

Question

我將如何創建一個jQuery定時器，當一個鏈接是「鼠標移動」時開始，顯示1,2,3,4和5，一個接一個。然後在5彈出一個登錄框？

乾杯。

Answer 1

如何：

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

Answer 2

這正是爲我工作的代碼：

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

希望它幫助;）

Answer 3

http://jsfiddle.net/brynner/Lhm1ydvs/

HTML

<span class="c" id="5"></span> 

個

JS

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