Jquery滑块开始加速

时间:2015-10-14 08:59:09

标签: javascript jquery

我一直在我们的网站上工作,并注意到当用户点击下一个按钮时,主页上的滑块会加速。

当你没有选择下一个箭头时它会滑动,但是当你这样做时会突然加速。

我认为这是导致它加速的原因:

$(document).ready(function () { 

setTimeout("$('.caro-arrow.caro-arrow-r').click()", 8000);
$('.caro-arrow.caro-arrow-r').click( function () {
setTimeout("$('.caro-arrow.caro-arrow-r').click()", 8000);
}); 

})

有没有人有任何想法如何解决它,以便在选择下一个箭头时它不会更快地滑动?

由于

1 个答案:

答案 0 :(得分:2)

您应该清除setTimeout

    var clears='';
    setInterval("$('.caro-arrow.caro-arrow-r').click()", 8000);
    $('.caro-arrow.caro-arrow-r').click( function () {
    clearTimeout(clears);
    clears = setTimeout(function(){changeSliderFunction()/*call change slider image function*/}, 8000);
    }); 

当用户单击箭头时单击开始时间,如果用户连续单击,则setTimeout执行多次并且会增加滑块速度