Cuenta atras y mostrar contenido

Jota_sk · #1 (**permalink**) 19/08/2009, 16:24

No se muy bien si esto va en esta seccion o en otra, pero como mi pagina la estoy programando en php lo he puesto aqui, aunque no estoy muy seguro donde iria.

Mi duda es que como puedo hacer que salga un contador y a los 20 segundos (por ejemplo) me muestre informacion. Mas o menos lo que pasa en rapidshare cuando intentas descargar un archivo si no tienes una cuenta premium.

Saludos y gracias

lair · #2 (**permalink**) 19/08/2009, 16:27

eso es programacion del lado del cliente se puede hacer con javascript, busca algo de informacion de setInterval() inerHTML (con respecto a div's) y creo que con eso puedes lograr lo que quieres

suerte

kaninox · #3 (**permalink**) 19/08/2009, 16:31

algo como esto

Código html:

Ver original<script type="text/javascript">
var cuentaInicial = "10";
function fin() {
window.location="index.php";
}
 
function unoMenos() {
with (
document.forms["cuenta"]["regresiva"]) value = 'Será redireccionado a la página principal en '+cuentaInicial+' segundos.';
if (
cuentaInicial-- > 0
)
setTimeout("unoMenos()", 1000);
else fin();
}
function ini() {
with (
document.forms["cuenta"]["regresiva"]) value = 'Será redireccionado a la página principal en '+cuentaInicial--+' segundos.';
setTimeout("unoMenos()", 1000);
}
</script>
<form name="cuenta" action="" method="">
<input name="regresiva" type="text" size="55" readonly >
</form>

en el body deberias poner

<body onload="ini();">

en var cuentaInicial = "10"; pones los segundos que deseas retorne en regresivo...

y nos comentas como te fue.

Jota_sk · #4 (**permalink**) 19/08/2009, 16:42

mas o menos es eso lo que quiero, pero no me aclaro mucho a adaptarlo a lo que necesito.

Lo que quiero es que me muestre una imagen durante 10 segundos, y a los 10 segundos que me cambie la imagen a un trozo codigo HTML. Como seria eso?

kaninox · #5 (**permalink**) 19/08/2009, 16:46

expone tu codigo mas menos la idea por que no capte bien la idea :P
pero si quieres que salga una imagen estatica 10 segundos y luego cambie de pagina por ejemplo para mostrar otra cosa puedes usar un meta refresh de 10 segundos, saludos

Jota_sk · #6 (**permalink**) 19/08/2009, 16:54

lo que quiero es lo siguiente.

Quiero que me muestre una imagen durante 10 segundos, despues de esos 10 segundos, que sustituya la imagen por un link.

Asi como sucede en rapidshare, te muestra una cuenta atras, y cuando se acaba la cuenta atras, muestra un enlace para poder descargar el archivo

jam1138 · #7 (**permalink**) 19/08/2009, 18:06

Tema movido desde PHP

kaninox · #8 (**permalink**) 20/08/2009, 10:17

eso lo puedes lograr con ajax pero para motivos educativos te creare el script con un iframe para que veas y entiendas la lógica, después puedes hacer el paso de variables inmediatas vía ajax para tener el efecto que tiene megaupload o rapidshare por ejemplo...
te dejo el script para descarga y me comentas que tal...

http://www.mediafire.com/?dzgxmnjjjmi

saludos

Jota_sk · #9 (**permalink**) 20/08/2009, 19:59

ya habia pensado en algo asi, pero no se adapta para lo que quiero, hacer. De todas formas, gracias!

lair · #10 (**permalink**) 21/08/2009, 09:35

por que no colocas el codigo que llevas y asi te ayudamos y....
kaninox eso no es ajax

deirdre · #11 (**permalink**) 21/08/2009, 21:15

Hola Jota_sk

Yo creo que es mucho más sencillo utilizar un javascript que haga un conteo y que al llegar a los segundos que se quieran, muestre el enlace (todo ello sobre una imagen).

Se puede hacer que el conteo empiece al pulsar sobre un botón, o bien que empiece de forma automática al cargarse la página.

Dispongo de estos procedimientos.

Opino igual que lair, si nos muestras lo que estás haciendo, podremos corregirte o ayudarte a lograrlo.

Bye