Ver Mensaje Individual
  #16 (permalink)  
Antiguo 29/05/2011, 11:09
elcapitolio
 
Fecha de Ingreso: mayo-2011
Mensajes: 167
Antigüedad: 11 años, 8 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>