Evaluar paso de cierto tiempo, javascript

[kcire87]

Hola, buen dia, soy nuevo en el foro, bueno para empezar no soy experto en javascript pero le entiendo algo, ahora realizo una web donde al cargar esta muestro un banner que se posiciona en toda la pantalla, es decir en el onload, es un div transparente sobre toda la pantalla y en medio de esta se muestra otro div que contiene el banner, mi problema esta en que debe mostrarse por 10 segundos, no hayo la funcion o metodo que me ayude hacerlo, ahora lo que hago es cachar la hora actual del sistema y quiero compararla con la hora 10 segundos despues para ocultor dichos divs, pero jamas logro igualar la hora en que se cargo la pagina con la hora 10 segs despues, no se como hacerlo, alguien me podria ayudar...? Gracias de antemano... saludos (",)

hasta ahora llevo esto:

function PopUp(){
var fondo = document.getElementById("divFondoTransparente");
var banner = document.getElementById("divBannerPopUp");
banner.className = "";
fondo.className = "";
}

function Fondo(){
var fondo = document.getElementById("divFondoTransparente");
var banner = document.getElementById("divBannerPopUp");
var timeIni = setTimeout("PopUp()", 1000);
var fechaHora = new Date();
var hora = fechaHora.getHours();
var minutos = fechaHora.getMinutes();
var segundos = fechaHora.getSeconds();
var horaActual = segundos;
var horaMasDiez = parseInt(horaActual) + parseInt(10);
var diez = setTimeout("Fondo()", 10000);
if(segundos == horaMasDiez){
alert("Han pasado 10 segs");
banner.className = "hide";
fondo.className = "hide";
}
}

pero aun no consigo el resultado que deseo...