Ejecutar función al dejar en hover el puntero durante x tiempo

hermess87 · #1 (**permalink**) 18/07/2011, 09:02

Hola amigos, estoy con una duda y no logro encontrar nada al respecto... o quiza no este buscándolo con los términos adecuados.

Necesito una función de javascript que al hacer hover sobre un elemento, durante un segundo o un poco mas, recién ahí se lleve a cabo la función. No se si me explico. Pues por ejemplo con setTimeout no me sirve, ya que al salir de hover, y pasado el tiempo igual se ejecutar la función. Yo necesito que se lleve a cabo solo si estoy posado un determinado tiempo.

Uso jquery como framework. Bueno espero puedan darme una mano, o alguna idea para encontrar un poco de información al respecto, desde ya muchas gracias y suerte!!!

Panino5001 · #2 (**permalink**) 18/07/2011, 09:27

Así se podría hacerse sin framework:

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Documento sin título</title>

<script type="text/javascript">

var contador=(

    function(){

        var interval;

        return {

            init:function(){

                interval=setInterval(contador.callback,contador.limite);    

            },

            callback:function(){},

            stop:function(){

                clearInterval(interval);    

            },

            limite:1000

        }

        

    }              

)();

contador.callback=function(){alert('pasaron '+(contador.limite/1000)+' segundos');}

contador.limite=5000;

</script>

 
</head>

 
<body>

<div onmouseover="contador.init()" onmouseout="contador.stop()" style="width:100px; line-height:30px; text-align:center; background-color:#FF3">test</div>

</body>

</html>

Igual muevo el tema al foro correspondiente.

hermess87 · #3 (**permalink**) 18/07/2011, 10:32

Gracias!!! Lo pruebo y te comento!!!! :) :)

hermess87 · #4 (**permalink**) 19/07/2011, 09:47

Gracias Panino5001! Lo implemente perfecto... no exactamente así, pero me sirvió para crear mi propio script. Quería volver para agradecerte por darte una mano... :p que haría sin gente como tu...

Suerte!