aggiungere un ritardo a una funzione

[equiweb.it]

ciauz a tutti...

volevo chiedervi... è possibile fare in modo che una funzione agisca dopo tot secondi che è stata richiamata?
mi spiego meglio...

function switch(id){
	 if (document.getElementById){
                        document.getElementById("prova1").style.display = 'none';
                        document.getElementById("prova2").style.display = 'none';
      			document.getElementById(id).style.display = 'block';   

   
  	}
}
function hide(id){

	 if (document.getElementById){
                        document.getElementById(id).style.display = 'none'; 

   
  	}
}

function display(id){

	 if (document.getElementById){
                        document.getElementById(id).style.display = 'block'; 

   
  	}
}

Link1
Link2

<div id='prova1' style="width:400px; display:none;" onmouseout="hide('prova1')" onmouseover="display('prova1')"></div>
<div id='prova2' style="width:400px; display:none;" onmouseout="hide('prova2')" onmouseover="display('prova2)"></div>

vorrei fare in modo che quando viene richiamata hide() passi adesempio 3 secondi prima che scompaia...

cmqse qualcuno ha qualche suggerimento per rendere questo piccolo codice + "corretto" ...accetto volentieri ogni consiglio!

ciauz e grazie a tutti