Vou te ajudar na primeira parte, mas na segunda eu não sei. Ao fazer com que ao carregar uma página algo apareca após x segundos, use:
<script type="text/javascript">
setTimeout(function(){ document.getElementById("aparecer").style.display="inline"; } , 20000);
</script>
note que o objeto com a ID "aparecer" - getElementById(id) - terá o CSS "display" alterado para "inline", ao invés de "none" | e o 20000 indica que vai aparecer depois de 20 segs ( 20000 milisegundos ).
no final, fica assim:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Página</title>
<script>
function charg() {
setTimeout(function() { document.getElementById("aparecer").style.display = "inline"; } ,20000);
}
</script>
</head>
<body onLoad="charg()">
<div id="aparecer" style="display:none;"> Fazem 20 segundos (ou 20000 ms) que a página foi carregada! </div>
</body>
</html>
// Eu testei, e aqui funcionou !!