setTimeout, como usar?

[Scaico 0]

Olá galera!

 

Aqui estou eu, denovo, tentando brincar de JS.

Hehehehe.

 

Seguinte:

Tenho uma função para fazer uma div sumir caso o mouse saia de uma determinada região.

Até ai beleza, funciona que é uma maravilha:

function esconder(id) {
var esconde = document.getElementById(id);
	for (var i = 1; i<=10; i++) {
		{document.getElementById('boxgrande'+i).style.display='none';}
	}
}

Masssssss...

Eu queria que demorasse mais ou menos 1 segundo para que sumisse.

Sei que dá pra fazer isso com o setTimeout, mas juro que já tentei de N maneiras e não consegui.

 

Alguem pode me dar uma luz?

 

Abraços,

[hantaro 1]

function esconder(id) {
	var esconde=document.getElementById(id);
	setTimeout(
		function x() {
			for(i=1;i<=10;i++){
				document.getElementById(id+i).style.display='none';
			}
		}
	,1000)
}

se voce nao for usar esses ID para outra coisa em seu script, eu te recomendo a usa uma class para os elementos, e depois usa ByClassName em vez de ById.