javascript - 有没有一种方法可以将鼠标悬停在上面，以至于它不会那么烦躁？

我正在使用以下代码

$(function() {
$("#page-flip").mouseover(function() {
    $(".box").toggleClass("box-change");
    $(".films").toggleClass("films-change");
    $(".synopsis").toggleClass("synopsis-change");

效果很好，但是将鼠标悬停在它上面比单击要尝试得多。我希望当鼠标悬停被触发以使其完全完成并使其在5秒钟左右或之后立即不活动时被激活。基本上，目标是使动作完全不退缩。感谢任何想法吗？

最佳答案

添加一些变量，例如“ var flipDelay = false”

$("#page-flip").mouseover(function() {
   if (!flipDelay) {
    flipDelay = true;
    setTimeout(function(){flipDelay=false},5000)
    //do stuff
   }
})