¿Cómo puedo crear un temporizador de Cuenta atrás de 5 segundos con jquery que finaliza con una ventana emergente de inicio de sesión?

Question

¿Cómo crearía un temporizador de jquery que se inicia cuando un enlace está "sobrecargado con el mouse", muestra un 1,2,3, 4 y 5, uno después del otro. Entonces, ¿el 5 aparece un cuadro de inicio de sesión?

Saludos.

Answer 1

¿Qué tal:

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

Este es exactamente el código que funcionó para mí:

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

creo que sirve;)

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