Patrão vê se ajuda:
A função em questão é a "setTimeout()" do Javascript. Dependendo do efeito que deseja pode customizar.
<!DOCTYPE html>
<html>
<body><body onload="myFunction()">
<p>Clica no botão<p>Nem eprecisa clicar,aguarde 4 segundos, e veja "Olá".</p>
<button onclick="myFunction()">Clica e aguarda</button>
<script>
function myFunction() {
setTimeout(function(){ alert("Olá, viu demorou 4 segundos, relógio Suiço!"); }, 4000);
}
</script>
</body>
</html>
Outro exemplo:
<!DOCTYPE html>
<html>
<body onload="timedText()()">
<p>Nem precisa clicar, veja a div aparecer, e depois mudar</p>
<button onclick="timedText()">Mostra Div, com mistério</button>
<div id="txt"></div>
<script>
function timedText() {
var x = document.getElementById("txt");
setTimeout(function(){ x.innerHTML="2 seconds" }, 2000);
setTimeout(function(){ x.innerHTML="4 seconds" }, 4000);
setTimeout(function(){ x.innerHTML="6 seconds" }, 6000);
setTimeout(function(){ x.innerHTML="Viu com mistério é mais dahora !" }, 8000);
}
</script>
</body>
</html>