29/05/2011, 11:09
|
| | | Fecha de Ingreso: mayo-2011
Mensajes: 167
Antigüedad: 13 años, 6 meses Puntos: 1 | |
| Respuesta: Redireccionar con cuenta regresiva y con opcion de detener la redireccion
Listo ya lo solucione estaba repitiendo una funcion... les dejo el codigo ya terminado por si alguien le sirve.... gracias _cronos2 por la ayuda
Código:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><style type="text/css">
<!--
body,td,th {
color: #FFF;
}
body {
background-color: #000;
}
-->
</style></head>
<body link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF">
<script type="text/javascript">
var contador = function(tiempo, intervalo){
var enCurso = 0, intv = intervalo || 1000;
var veces = tiempo / intv, este = this, timer;
this.empezar = function(callback){
enCurso = 1;
timer = setTimeout(function(){
if(veces + 1 && enCurso){
callback(veces-- * intv);
setTimeout(function(){ este.empezar(callback); }, intv);
}else{
return enCurso = 0;
}
}, intv);
};
this.parar = function(){
if(enCurso){ enCurso = 0; }
};
}
var cuentaAtras = new contador(10000);
document.body.onload = function(){ cuentaAtras.empezar(function(tiempo){
document.getElementById('cuenta').innerHTML = tiempo / 1000 ;
if(!tiempo){ location.href = 'index2.php?lugar=<?php echo $_GET['lugar']; ?>'; }
document.getElementById('botonparar').onclick = function(){
cuentaAtras.parar();
document.getElementById('vinculo').innerHTML += "<a href='index2.php?lugar=<?php echo $_GET['lugar']; ?>'>SALTAR ESTA PAGINA</a>";
};
}); }
</script>
<table width="530" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="496" valign="middle"><a href="#" id="botonparar"><img src="2011/parabtn.png" width="496" height="49" border="0" ></a>
<br>
</td>
<td width="34" align="center" valign="middle"><span style="font:Arial, Helvetica, sans-serif; font-size:32px; color:#FFF;" id="cuenta"></span></td>
</tr>
</table>
<p align="center" style="font:Arial, Helvetica, sans-serif; font-size:32px; color:#FFF;" id="vinculo"></p>
</body>
</html>
|