Есть ли способ выполнить с помощью мыши, чтобы это не было так беспокойно?

Question

Я использую следующий код

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

Что работает хорошо, но, будучи мышью, это гораздо более осторожно, чем щелчок. Я хотел бы, чтобы при наведении курсора он полностью завершился, и чтобы он был неактивным в течение примерно 5 секунд или сразу после этого. В основном цель состоит в том, чтобы действие не дрогнуло вообще. Спасибо за любые идеи?

Answer 1

добавить переменную типа "var flipDelay = false"

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