Question

我想继续创建一个在我悬停鼠标后运行几秒钟的功能，例如＆＃39;更新＆＃39;功能

但是我在悬停时找不到连续跑步的方法。

如果您知道该怎么做，请告诉我。

Answer 1

Jquery让我想要呕吐，所以，是的..原生JS;

（点击帖子底部的蓝色＆＃34;运行代码段＆＃34;按钮，将鼠标悬停在＆＃34;将鼠标悬停在我＆＃34;按钮上）

＆＃13;

var hover;
btn.addEventListener('pointerover', function(evt){
  // We have started hovering the btn, start interval.
    hover = setInterval(function(){
      //every 1000 MS, add another "Hi" to the debug div.
      debug.innerHTML += "Hi  ";
    }, 1000);
    
});

btn.addEventListener('pointerout', function(evt){
  //Leaving & stopped hovering the btn, stop interval.
  clearInterval( hover );
});

＆＃13;

<button id="btn">Hover Me</button>
<div id="debug"></div>

＆＃13;

Answer 2

我想你问的是在事件发生几秒后如何触发行为。您可以使用delay函数在jquery中执行此操作，例如

$( "#foo" ).slideUp( 300 ).delay( 800 ).fadeIn( 400 );

要将其与mouseenter结合使用，它就像是

$( "#foo" ).mouseenter(function(){
   $( "#foo" ).slideUp( 300 ).delay( 800 ).fadeIn( 400 );
});

悬停时如何继续运行？

2 个答案: