Hola buenas tardes alguin sabe como hacer para que en una pagina despues de x tiempo por ejemplo que pasan 10 minutos sin hacer nada me muestre un div que contenga una cuenta regresiva de 2 a 3 minutos al llegar a cero me manda a una pagina pero si doy clic en un boton k no direccione
el problema es...Ya tengo mi div aun no lo tengo oculto y dentro de el la cuenta regresiva lo que pasa es que cuando recien entro a la pagina me lo muestra pero como hacer k al entrar a la pagina no me muestre el div solo asta k hayan pasado 10 minutos sin hacer nada en la pagina lo que tengo es esto
Código PHP:
Ver original<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script language="JavaScript" src="js/jquery-1.5.1.min.js"></script>
<style>
.alerta {
position: fixed; /* Le damos el valor Fixed para que flote */
background: rgba(255, 255, 255, 255); /* Color de fondo de la capa */
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 999;
}
.flota{
background: white; /*Color de fondo del contenedor*/
border-radius: 2px; /* Redondeado */
box-shadow: 0px 0px 0px 2px white, 0 5px 14px black; /* Sombra exterior */
z-index: 9999;
position:absolute;
left:428px;
top:182px;
width:223px;
height:138px;
z-index:1;
}
.close{
position: absolute;
display: block;
top: -15px;
right: -15px;
cursor: pointer;
background: url(images/eliminar.png) 0px 0px no-repeat; /* Imagen del boton */
width: 30px;
height: 30px;
overflow: hidden;
text-indent: -9999px;
}
</style>
<script>
$(document).ready(function() {
$(".close").click(function(){ //Le decimos que al dar click en ".close"...
$(".alerta").hide("drop"); //Oculte el contenedor ".overlay" lentamente(slow)
event.preventDefault(); // Anulamos el enlace...
});
});
</script>
<script type="text/javascript">
function display_c(start){
window.start = parseFloat(start);
var end = 0 // change this to stop the counter at a higher value var refresh=1000; // Refresh rate in milli seconds
if(window
.start
>= end ){ mytime=setTimeout('display_ct()',refresh)
}
else {
window.location="../login.html";
}
}
function display_ct() {
// Calculate the number of days left
var days
=Math
.floor(window
.start
/ 86400); // After deducting the days calculate the number of hours left
var hours
= Math
.floor((window
.start
- (days
* 86400 ))/3600) // After days and hours , how many minutes are left
var minutes
= Math
.floor((window
.start
- (days
* 86400 ) - (hours
*3600 ))/60) // Finally how many seconds left after removing days, hours and minutes.
var secs
= Math
.floor((window
.start
- (days
* 86400 ) - (hours
*3600 ) - (minutes
*60)))
var x = window.start + "(" + minutes + ":" + secs + " Minutos " + ")";
document.getElementById('ct').innerHTML = x;
window.start= window.start- 1;
tt=display_c(window.start);
}
</script>
</head>
<body onload="display_c(120);">
HOLA
<div
class="alerta" id
="busca" ><!-- Mostrar div DURANTE
10 min de inactividad mientras este oculto
--> <div class="flota" style=" width:397px; height:244px; ">
<div class="close">
<a href="#">Cerrar</a>
</div>
<span id='ct'></span>
</div>
</div>
</body>
</html>