看不到 JS 中的问题

Question

我希望当鼠标悬停在图像上时，应该触发一次事件，并且只有在鼠标离开该图像并再次返回后，并且至少经过 2 秒后，才应该再次触发该事件。

如果我将鼠标悬停在图像上，它会像每毫秒一样被调用，并且根据我的函数逻辑，一旦您将鼠标悬停在变量“canhover”上，它就会变为 0，直到您将鼠标移出

此代码似乎有一个错误，我看不到它。我需要一双新的眼睛，但算法有点合乎逻辑

工作代码：

<script type="text/javascript">
var timeok = 1;
function redotimeok() {
    timeok = 1;
}
//
function onmenter()
{
if (timeok == 1) 
    {
  enter();
  timeok = 0;
    }
}
//
function onmleave()
{
  setTimeout(redotimeok, 2000);
  leave();
}
//

$('#cashrefresh').hover(onmenter,onmleave);

function enter(){
  $("#showname").load('./includes/do_name.inc.php');
  $("#cashrefresh").attr("src","images/reficonani.gif");
}

function leave(){
  $("#cashrefresh").attr("src","images/reficon.png");
}
</script>

Answer 1

我不知道这是否能解决您的整个问题（因为我们没有详细说明它是什么），而是：

$('#cashrefresh').hover(onmenter(),onmleave());

尝试：

$('#cashrefresh').hover(onmenter,onmleave);

这里也是同样的事情：

setTimeout(redotimeok, 2000); // just the function name

另外，我不知道您曾经在哪里将 timeok 设置为零。您的意思是在 onmenter() 中设置 timeok = 0 吗？

Answer 2

jquery 有两种方法可以解决您的问题：

.mouseenter()和 .mouseleave()

查看那里的演示。

编辑：

我认为hover适用于mouseover和mouseout，抱歉造成混淆。

我又检查了你的代码。当鼠标悬停在图像上时，您似乎正在更改图像，这会强制浏览器加载新图像，并且旧图像会消失一小会儿，直到新图像出现，我认为这必须连续触发两个处理程序你就会得到这种行为。

尽量不要更改图像的来源，注释掉该行，然后使用 console.log("some message") 并查看该消息是否与 .load() 一样重复 之前被解雇过。

希望这有帮助。

Answer 3

尝试更改 onmleave 函数，如下所示：

   function onmleave()
    {
      setTimeout(redotimeok, 2000);
      leave();
    }