Прерывание работающей функции
Здравствуйте,
К примеру есть у нас блок при наведении на который он становится красным
$("#block").hover(function(){
$("#block").css({"background-color":"red"});
});
При отводе с него он медленно становится белым
$("#block").mouseover(function(){
$("#block").animate({"background-color":"white"},5000);
});
Вот, теперь если мы наведем курсор на блок он станет красным, уберем будет медленно становиться белым. Но если мы не будем ждать 5 секунд пока он станет полностью белым, то событие animate срабатывает несколько раз(набирается стек заданий). И пока все эти mouseover не выполнятся при наведении на блок он не станет красным. То есть при втором наведении на блок (пока он не успел стать белым), hover не срабатывает. Понимаю что каждую конкретную задачу можно решить по своему, просто мне интересно можно ли при необходимости прерывать какой то уже запущенный процесс, или есть какие нибудь методы как этого избежать?
|