Detener carga de pagina por partes

[arcanisgk122]

Hola chicos tengo una pagina hecha en php embebido con un poco de codigo html

mi idea era presentar de la siguiente forma la pagina:

a medida que se ejecuta el script ir mostrando en intervalos de tiempo las impresiones de codigo, pregunto con que lenguaje deveria de hacercer:


imrpirmir mensaje1
esperar 5 segundos
imrpirmir mensaje2
esperar 3 segundos
imrpirmir mensaje 3

busque y entiendo que sleep(); de php detiene el script X tiempo y muestra todo al final yo pensaba en algo que lo mostrar poco a poco...

[ggomez91]

Necesitas usar javascript ya que solo con ese puedes controlar la página una vez creada. Debes poner ids en los contenidos que quieras mostrar y ejecutar una función al inicio que cuente el tiempo de espera y cada tanto muestre el contenido que debe ir. Php y sleep de php no te van a servir por que eso pasa en el server y la animación debe ser el el cliente.

[arcanisgk122]

gracias por tu respuesta y si tenias raxon, he buscado por internety encontre un scrip que hace lo que quiero pero solo lo hace con un objeto y tengo 3 y no se adaptarlo... me pueden ayudar con este??

Código Javascript:

<script type="text/javascript">
function showIt() {
  document.getElementById("hide").style.visibility = "visible";
}
setTimeout("showIt()", 2000); // after 2 sec
</script>
 

[ggomez91]

Hola, es sencillo. Tienes esto:

Código Javascript:

<script type="text/javascript">
function showIt() {
  document.getElementById("hide").style.visibility = "visible";
}
setTimeout("showIt()", 2000); // after 2 sec
</script>
 

Puedes modificar la función showIt para que reciba el nombre del elemento a mostrar:

Código Javascript:

<script type="text/javascript">
function showIt(elemento) {
  document.getElementById(elemento).style.visibility = "visible";
}
setTimeout("showIt()", 2000); // after 2 sec
</script>
 

Y poner un timeout a esta funcion con los elementos que desees:

Código Javascript:

<script type="text/javascript">
function showIt(elemento) {
  document.getElementById("elemento").style.visibility = "visible";
}
setTimeout(showIt("elem1"), 2000); // after 2 sec
setTimeout(showIt("elem2"), 4000); // after 2 sec
setTimeout(showIt("elem3"), 6000); // after 2 sec
</script>
 

Para que funcione debes tener los elementos en tu html:

Código HTML:

<div id="elem1"> ... </div>
<div id="elem2"> ... </div>
<div id="elem3"> ... </div>
 

[arcanisgk122]

me dijeron que usara la funcion que se podia con this pero ni idea... vere que hago y gracias
ya probe el script con tus adiciones y no me funciona..