图片轮播所遇到的问题

pc端

今天做了一个图片轮播的，总结下所遇到的问题：

原理：利用显示与隐藏实现图片轮播

$("#scroll ul li").eq(i).fadeIn(3000).siblings().hide();

setInterval();定时器

设置一个全局变量i,定时器没执行一次，i就加减一次，当i达到图片的数量值时，把i值重置

问题：

1.利用append事件对轮播图加上小圆点，无法取得添加的属性值

解决方案： $(".fll:eq(0)").addClass("flng"); 使用eq并且要写在里面

2.当图片轮播时，点击下一张图片时，计时器会被干扰（明明设置5秒播放一次，结果会变成2,3秒）

解决方案：当点击下一张时，清除轮播用的计时器，然后再重启

 clearInterval(cz); //清除定时器

 cz = setInterval(xy, 5000); //重新设置定时器