Tenho um código em javascript ( jquery ) e ele executa uma função quando eu movo o scroll do mouse, porém, ele executa a função várias vezes quando dou uma volta inteira no scroll. Não queria que isso acontecesse, queria que ele só pudesse executar novamente depois de um tempo. Alguém sabe como eu poderia fazer isso?
$(window).bind('mousewheel', function (event) {
if (event.originalEvent.wheelDelta >= 0) {
$('.flexhome').flexslider('prev');
console.log('passa_slide');
return false;
} else {
$('.flexhome').flexslider('next');
console.log('volta_slide');
return false;
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
Acima ele pega a função prev e next do flexslider, quando eu giro para um lado ele executa o prev, e quando giro para o outro ele executa o next. Porém se girar bastante a bolinha, ele executa o prev ou next várias vezes, passando vários slides.