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

temporizador html para web

Question

¿Cómo crearía un temporizador de jQuery que se inicie cuando un enlace está "sobrepasado", muestra un 1,2,3, 4 y 5, uno tras otro. Entonces en 5 aparece un cuadro de inicio de sesión?

Aclamaciones.

Answer 1

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

Espero eso ayude ;)

Answer 2

Qué tal si:

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