鼠标悬停时继续调用函数

Question

当鼠标悬停在html元素上时,如何在鼠标悬停时调用函数

例:

<script>
    function a() {
        "special code hear"
    }
</script>
<div onmouseover( 'a()')>&nbsp;</div>

当鼠标悬停在div上而不是让它调用一次函数时,我怎么能继续调用函数.

Answer 1

事件不会自动重复.您可以在鼠标结束时使用计时器重复执行命令,但不要忘记在onmouseout事件中停止计时器.您需要在函数之外的变量来跟踪计时器,以便可以取消它,这就是我们var repeater单独声明的原因.

<script>
  var repeater;

  function a() ...
</script>

<div onmouseover="repeater=setInterval(a(), 100);" onmouseout="clearInterval(repeater);"></div>