轮播图随着时间增加越来越快求解

Question

代码：

<div class="tio">

<div class="tio_ti"></div>

<img src="..\kaiimg\500126275.jpg">

<img src="..\kaiimg\12341231.jpg">

<img src="..\kaiimg\view.jpg">

<div class="tio_bt">

<li class="tio_ty"></li>

<li></li>

<li></li>

</div>

<a href="#"><div class="tio_lef"><img src="..\kaiimg\you.gif"></div></a>

<a href="#"><div class="tio_ri"><img src="..\kaiimg\zuo.gif"></div></a>

html代码：

setInterval(function(){

index++;

if(index==3){

index = 0;

}

$(".tio img").eq(index).fadeIn().siblings("img").fadeOut(500);

$(".tio_bt li").eq(index).fadeIn().addClass("tio_ty").siblings().removeClass()

},3000);

Answer 1

每次动画完成之后都要清除动画效果clear，你找一下用法，我用手机打的，不方便放代码，希望对你有帮助，祝你学习愉快！