Detener carga de pagina por partes

[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>