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

[GreyFox86]

puoi chiamare la funzione da ritardare con setTimeout.

[equiweb.it]

ti ringrazio davvero della risposta...
ho preso esempio da un altro script che utilizzava la funzione settimout ...però il codice nn funziona...
cioè non da nessun errore... per quando richiamo hide('prova1')
non fa nulla...

ecco il codice modificato

var delay_hide=500


function switch(id){

	 if (document.getElementById){
                        document.getElementById("prova").style.display = 'none';
                        document.getElementById("prova2").style.display = 'none';
      			document.getElementById(id).style.display = 'block';   
  	}
}
function hide(id){
	 if (document.getElementById)
            delayhide=setTimeout("hide2()",delay_hide, id)
}

function hide2(id){
	 if (document.getElementById)
            document.getElementById(id).style.display = 'none'
}


function display(id){


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

function clear_delayhide(){
         if (window.delayhide)
            clearTimeout(delayhide)
}

ciauz e grazie

[GreyFox86]

prego

function hide(id){
	 if (document.getElementById)
            delayhide=setTimeout("hide2()",delay_hide, id)
}

function hide2(id){
	 if (document.getElementById)
            document.getElementById(id).style.display = 'none'
}

non passi l'ID alla hide2.

prova con

function hide(id){
	 if (document.getElementById)
            delayhide=setTimeout(function () {hide2(id);},delay_hide, id)
}

ma non sono sicurissimo che funzioni è da un po' che non uso le setTimeout...

[equiweb.it]

grazie dell'aiuto...ma nn funge :-/
cioè...se ne frega del ritardo... esegue subito la funzione...
ho letto che bisogna emplicitamente quotare la funzione...altrimenti settimeout la esegue subito... allora ho provato a mettere

function hide(id){
	 if (document.getElementById)
            delayhide=setTimeout("function () {hide2(id);}",delay_hide, id)
}

nessun errore...ma come nel mio precedente post... non succede nulla.
ah cmq l'id la dovrebbe passare qui
delayhide=setTimeout("hide2()",delay_hide, id)
da quanto ho letto cercando info su settimeout gli argomenti vanno messi in fondo...
probabilmente mi sbaglio...

ciauz e grazie...

[GreyFox86]

Oops, avevo dimenticato di cancellare il parametro id alla fine, lo passavo già in function () { hide2(id);}
Che io sappia le virgolette per come ho impostato la funzione non servono. Riprova la mia funzione rimuovendo il terzo parametro id alla fine.
un consiglio, almeno per i test aumenta il tempo di delay, tanto per accorgertene meglio. mezzo secondo mi sembra pochino.

[equiweb.it]

suppperrrrr funge tutto a meraviglia... sono anche riuscito a fare a meno di una funzione... :-)

var delay_hide=2000


function switch(id){

	 if (document.getElementById){
                        document.getElementById("foto1").style.display = 'none';
                        document.getElementById("foto2").style.display = 'none';
      			document.getElementById(id).style.display = 'block';   
  	}
}
function hide(id){
	 if (document.getElementById)
            delayhide=setTimeout(function () {document.getElementById(id).style.display = 'none';},delay_hide)
}
function display(id){


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

function clear_delayhide(){
         if (window.delayhide)
            clearTimeout(delayhide)
}

grazie mille per l'aiuto!!!

[GreyFox86]

prego