将 mouseenter 事件更改为定时事件

Question

我有以下代码非常适合 mouseenter 事件：

$(document).ready(function () {

    $(".someClass").mouseenter(function () {

        //does some stuff

        }).mouseleave(function () {
        //does some stuff

        });
});

我正在寻找的是改变上面的内容，使其成为一个定时事件并且不需要鼠标进入DIV与关联的class.

如有任何帮助，我们将不胜感激。

此致，

jmcall10

Answer 1

是这样的吗？（如果是这样，我会添加一些评论）

$(function() {
  $('.someClass')
    .on('mouseenter', function() {
      console.log('mouse entered');
    })
    .on('mouseleave', function() {
      console.log('mouse exited');
    });
  
  setTimeout(function() { $('.someClass').trigger('mouseenter'); }, 2000);
  setTimeout(function() { $('.someClass').trigger('mouseleave'); }, 4000);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="someClass">Enter your mouse here</div>

Answer 2

首先定义一个定时事件：setTimeout(fun, 1000);

然后在fun触发你想要的事件：$('.someClass').dispatchEvent(new Event('mouseenter');

May 可以帮助你...

将 mouseenter 事件更改为定时事件

change a mouseenter event into a timed event

javascript

jquery

html

mouseevent