Duda sobre temporizar

[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!