contador javascript

jvillegas · #1 (**permalink**) 23/04/2010, 06:51

Buenas, queria hacer una pregunta... Soy un verdadero novato jaja, entiendo un poco de esto :D

y tengo una web en la que con un script, este:

<script type='text/javascript'>setTimeout(function({window.location.h ref='index.html';},3000)</script>

en este mismo foro me ayudasteis a crear este script jaja...

Con esto consigo que redireccione automáticamente informando al usuario mediante un echo... de que se le redireccionará en tantos segundos... entonces, pensé de hacer un contador con for, que me mostrara a cada segundo un 5,4,3,2 y asi hasta llegar a 0 y redireccionara al indice.html por ejemplo...

Me gustaria ver un ejemplo, he estado buscando un monton por la web y lo que mas se acerca a lo que quiero hacer está en esta página del mismo foro:[URL="http://www.forosdelweb.com/f13/contador-pagina-redireccion-286332/"] Aquí esta el enlace...[/URL]

no creo que sea muy dificil..., pero soy un verdadero novato y no se hacerlo, pero como vosotros soys profesionales en el asunto, cuento con vuestra ayuda, si quereis...

Gracias...

gjx2 · #2 (**permalink**) 23/04/2010, 07:38

Javascript

Código Javascript:

Ver originalvar contador = 0;
var fin_contador = 10; // Tiempo en en el que deseas que redireccione la funcion.
var iniciado = false;
function cuenta(){
    
 
if(contador >= fin_contador){
    window.location.href = "http://google.com.do"; 
}else{
 
    
    document.getElementById("contador").innerHTML  = "Redireccionando en " + fin_contador + " Seg";
    
        fin_contador = fin_contador - 1;
}
 
 
}
 
function ini(){
 
cuenta();
setInterval("cuenta()",1000);
 
 
}

HTML

Código HTML:

Ver original<body onload="ini()">
<div id="contador"></div>
</body>

jvillegas · #3 (**permalink**) 23/04/2010, 07:58

thx, no contesté por que estube buscando soluciones para el problema en la web, voy a probar y te digo algo

jvillegas · #4 (**permalink**) 23/04/2010, 08:27

He estado 1 hora o así intentando aoplar el codigo que me proporcionastes al mio, pero nada... os paso el codigo y me decís como lo hago... sino decidme que no y ya me mataré para conseguirlo, es que en serio, entiendo tu codigo pero... a la hora de meterlo en el mio de la manera que quiero... resumiendo, soy novato.... Ojalá fuera como vosotros y solucionara las cosas en un momento en vez de molestar...

en fin, os paso el codigo

Código:

<?php

	include("conexio.inc");

	$conexio=mysql_connect($mysql_server,$mysql_login,$mysql_pass)or die("<B><U>La conexión ha fallado...</U></B>");
	
	echo("	<BR><BR><BR><BR><BR><BR><BR>
			<BODY BGCOLOR='#FFFFCC'>
				<TABLE ALIGN='center' BORDER=2>
				<TR>
					<TD>
					<CENTER><FONT COLOR='#999999' size='+2'><B>Bienvenido: Redireccionando...</B></FONT></CENTER>
		 			</TD>
				</TR>
				</TABLE>
			</BODY>
		 ");

?>

Yo quiero que el codigo que me proporcionaste, la cuenta atras, se acople a esta parte del codigo de arriba

Código:

<CENTER><FONT COLOR='#999999' size='+2'><B>Bienvenido: Redireccionando...</B></FONT></CENTER>

Espero encontrar la solución antes de que me contesteis para no molestar, pero es que tardaré un montón a encontrar respuestas... gracias por leer otra vez el problema :S

jvillegas · #5 (**permalink**) 23/04/2010, 08:40

Señores y señoras ya casi está, ahora veré si en vez de ponerlo abajo, puedo ponerlo al lado... a ver si lo consigo :D

aquí el codigo de como va el asunto

Código:

<?php

	include("conexio.inc");

	$conexio=mysql_connect($mysql_server,$mysql_login,$mysql_pass)or die("<B><U>La conexió ha fallat...</U></B>");
	
	echo("
			<script language='javascript'>
				  var contador = 0;
				  var fin_contador = 5; 
				  var iniciado = false;
				  
				  function cuenta()
					  {       
					  if(contador >= fin_contador)
						{
						window.location.href = 'index.html';
						}
							else
							{
							document.getElementById('contador').innerHTML  =  fin_contador;
							fin_contador = fin_contador - 1;
							}   
					  }
					   
				  function ini()
					{
					cuenta();
					setInterval('cuenta()',1000);
					}
				  
			</script>	
			<BR><BR><BR><BR><BR><BR><BR>
			<BODY BGCOLOR='#FFFFCC' onload='ini()'>
				<TABLE ALIGN='center' BORDER=2>
				<TR>
					<TD>
					<CENTER><FONT COLOR='#999999' size='+2'><B>Benvingut: Redireccionant... <div id='contador'></div></B></FONT></CENTER>
		 			</TD>
				</TR>
				</TABLE>
			</BODY>
		 ");

?>

Especial agradecimiento a gjx2

gjx2 · #6 (**permalink**) 23/04/2010, 08:42

Pues mira

Código HTML:

Ver original<BR><BR><BR><BR><BR><BR><BR>
            <BODY BGCOLOR="#FFFFCC"  onload="ini()">
                <TABLE ALIGN="center" BORDER=2>
                <TR>
                    <TD>
                    <CENTER><div id="contador">Bienvenido: Redireccionando..</div></CENTER>
                    </TD>
                </TR>
                </TABLE>
            </BODY>