Duda sobre temporizar

[No-NaMe]

Hola muy buenas,

Estoy intentando crear un script que tarde 0.6 segundos en mostrar un contenido cuando se pone el raton sobre el, la parte del "visibility" la he logrado, pero no consigo hacerle funcionar con delay o otros temporizadores, aqui os dejo el script para ver si me podeis echar una mano o dar una pista de por donde pueden ir los tiros.

Gracias por vuestro tiempo de antemano.

Código HTML:

function toggle(obj) {
			var item = document.getElementById(obj);
			if(item.style.visibility == 'visible') { item.style.visibility = 'hidden'; }
			else { item.style.visibility = 'visible'; }		
		}

[alberto510a]

Hola, mira aquí te monte un ejemplo.

Imaginemos que tenemos 2 divs uno azul y otro verde, al pasar el ratón por encima del azul se producirá un setTimeout para un retraso de 600 milisegundos y tras esto se hace la función de mostrar el div verde:

Código HTML:

<div id="prueba" style="visibility:hidden;width:300px;height:300px;background:#083;">
Este div estará invisible
</div>
<div onmouseover="javascript: window.setTimeout(function(){mostrar()},600);" style="width:300px;height:300px;background:#135;">
Pasame el ratón por encima!
</div>
 

Código Javascript:

<script>
    function mostrar(){
        var estado = document.getElementById('prueba').style;
        if (estado.visibility == 'hidden'){
            estado.visibility = 'visible'
        }
        else {
            estado.visibility = 'hidden';
        }
    }
</script>
 

Saludos!