JavaScript-僅在特定時間後觸發事件mouseenter，

Question

我必須調用由特定元素上的mouseenter事件觸發的函數。 只有鼠標在特定元素上「站立」超過5秒時，我如何才能觸發mouseenter事件？

Answer 1

如果鼠標離開之前，您可以使用計時器（setTimeout（））在5秒鐘後計劃一個函數，那麼我們可以清除該計時器，以便它不會被調用。

var timer; 
 
$('#me').hover(function() { 
 
    timer = setTimeout(function() { 
 
    snippet.log('called after 5000') 
 
    }, 5000); 
 
}, function() { 
 
    //if leaves early then clear the timer 
 
    clearTimeout(timer); 
 
})

<!-- Provides the `snippet` object, see http://meta.stackexchange.com/a/242144/134069 --> 
 
<script src="http://tjcrowder.github.io/simple-snippets-console/snippet.js"></script> 
 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
Some text 
 
<div id="me">hover me for more time</div> 
 
more content