Comunidad PHPeros

Lenguajes => JavaScript => Mensaje iniciado por: Warlox en 14 de Febrero de 2010, 20:52:54 pm

Título: [Mini tutorial] Cuenta atrás
Publicado por: Warlox en 14 de Febrero de 2010, 20:52:54 pm
¡Hola!

Como estaba aburrido y sin hacer nada, se me ocurrió que quizás en algún momento necesitarían, o querrían un código que hiciera una cuenta regresiva en JavaScript.

Supongamos que queremos que al usuario se le cierre la sesión en 10 segundos, ponemos el siguiente código:

Código: [Seleccionar]
<script>
var tiempo = 10;
function contar(){
if(tiempo <= 0){ // Si el tiempo es menor o igual a 0..
document.getElementById("contador").innerHTML = "Redireccionando..."; // Ponemos el texto de redireccionamiento
document.location = "/salir.php"; // Redireccinamos a salir
}else{ // Si el tiempo es mayor a 0
tiempo--; // Le restamos segundos
document.getElementById("contador").innerHTML = "Su sesión se cerrará en " + tiempo + " segundos."; // Le mostramos los segundos restantes al usuario
}
}

setInterval("contar()",1000); // Ejecutamos la función contar una vez por segundo
</script>

<span id="contador">Su sesión se cerrará en 10 segundos</span>

Y eso es todo, ojalá que les sirva.
Saludos.
Título: Re:[Mini tutorial] Cuenta atrás
Publicado por: chihue en 14 de Febrero de 2010, 20:58:27 pm
Muy bueno http://www.hostingpruebas.es/cerrar.php

ai la VP k+
Título: Re:[Mini tutorial] Cuenta atrás
Publicado por: тockηick en 14 de Febrero de 2010, 22:08:58 pm
Y si, a todos le sirvio, Asi que te doy tu karma (:


Sldos!
Título: Re:[Mini tutorial] Cuenta atrás
Publicado por: ferri en 14 de Febrero de 2010, 22:18:04 pm
Buenísimo aporte!

Un saludo
Título: Re:[Mini tutorial] Cuenta atrás
Publicado por: Estritorial en 15 de Febrero de 2010, 17:52:25 pm
Buen aporte, se podria usar para un concurso por ejemplo, decir el orden de estos numeros:
Cuenta atras...

Aun que tambien habria que cojer script para que no se pudiera utilizar el TECLADO para el IMP PANT, y que solo se pudiera ver una vez al dia. :)
Título: Re:[Mini tutorial] Cuenta atrás
Publicado por: x.mara.x en 16 de Febrero de 2010, 14:25:56 pm
muy bueno Kevin! +karma!
Título: Tutorial - Cuenta atras
Publicado por: Guero en 21 de Febrero de 2010, 14:53:55 pm
Muy bueno Kevin, ojalá te pudiera dar un Karma, me servira para hacer un concurso, o una fiesta con una cuenta atrás. :)
Título: Re:[Mini tutorial] Cuenta atrás
Publicado por: Warlox en 22 de Febrero de 2010, 00:31:51 am
¡Gracias Mara y Guero!

La verdad es que no es muy difícil de hacer, y es fácil de implementar xD. Un día de estos vi este código en la web de un PHPero y me he sentido como "acongojado" o no sé xD.

Saludos.,
Título: Re:[Mini tutorial] Cuenta atrás
Publicado por: GuayAngel12 en 23 de Mayo de 2010, 13:26:18 pm
Pues ami no me funciona. Tengo este codigo... y no me funciona se me queda la pagina en blanco:

Código: [Seleccionar]
<html>
<head>
<script>
var tiempo = 10;
function contar(){
   if(tiempo <= 0){ // Si el tiempo es menor o igual a 0..
      document.getElementById("contador").innerHTML = "Redireccionando..."; // Ponemos el texto de redireccionamiento
      document.location = "/salir.php"; // Redireccinamos a salir
   }else{ // Si el tiempo es mayor a 0
      tiempo--; // Le restamos segundos
      document.getElementById("contador").innerHTML = "Su sesión se cerrará en " + tiempo + " segundos."; // Le mostramos los segundos restantes al usuario
   }
}

setInterval("contar()",1000); // Ejecutamos la función contar una vez por segundo
</script>
</head>
<body>
<div id="contar"></div>
</body>
</html>
Título: Re:[Mini tutorial] Cuenta atrás
Publicado por: Rodrinete en 23 de Mayo de 2010, 13:57:09 pm
cambia

<div id="contar"></div>

por

<div id="contador"></div>


Saludos