Quiero diseñar una página que muestre mi nombre. Cuando el sitio comienza a funcionar, la página toma todo el ancho y largo, pero cuando pasan 15 segundos, quiero que se coloque en otro lugar para ser reemplazado por otra página, y así sucesivamente.
Aquí hay una solución de lo que entiendo de su pregunta:
document.onreadystatechange = function () { document.getElementById('content').style.display="none"; var state = document.readyState if (state == 'complete') { setTimeout(function(){ document.getElementById('load').classList.remove("center"); document.getElementById('content').style.display="block"; },1500); } } .center{ width:100%; height:100vh; display:flex; justify-content:center; align-items:center; z-index:9999; } <div id="load" class="center">Your name</div> <div id="content">Content</div>