Ver Mensaje Individual
  #10 (permalink)  
Antiguo 21/11/2013, 17:12
Avatar de Ilidam
Ilidam
 
Fecha de Ingreso: julio-2009
Ubicación: Veracruz
Mensajes: 108
Antigüedad: 15 años, 5 meses
Puntos: 0
Respuesta: cuenta regresiva script y php por inactividad

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

.close1{
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() {
setTimeout(function() {
$(".alerta").fadeIn(1000);
},5000);
});

$(document).ready(function() {
$(".close1").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 = minutes + ":" + secs + " Minutos ";


document.getElementById('ct').innerHTML = x;
window.start= window.start- 1;

tt=display_c(window.start);
}

setTimeout(document.getElementById('busca').style. display = 'inline',10);//aki puse esto
</script>

</head>
<body onload="display_c(124);">
HOLA
<div class="alerta" id="busca" style="display:none"><!-- Mostrar div DURANTE 10 min de inactividad mientras este oculto-->
<div class="flota" style=" width:397px; height:244px; ">
<div class="close1">
<a href="#">Cerrar</a>
</div>
<center>
<br><br>
EL SISTEMA SE CERRARA POR SEGURIDAD EN
<br><br>
<span id='ct'></span>
<br><br>
CANCELAR OPERACION
<input type="submit" value="CONTINUAR">

</center>
</div>
</div>

</body>
</html>