我一直在我们的网站上工作,并注意到当用户点击下一个按钮时,主页上的滑块会加速。
当你没有选择下一个箭头时它会滑动,但是当你这样做时会突然加速。
我认为这是导致它加速的原因:
$(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);
});
})
有没有人有任何想法如何解决它,以便在选择下一个箭头时它不会更快地滑动?
由于
答案 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执行多次并且会增加滑块速度