js轮播图注意事项

轮播图是我们初学者能写出的功能之一,笔者在这里说一下轮播图容易出现的问题

笔者第一次做轮播图的时候,是先让图片用setInterval函数轮播图片,再去实现下标切换,左右按钮图片切换,然而完成之后效果存在,但是左右按钮切换时会出现一些小bug,第一次点击时会点击两次才能实现切换,具体原因笔者认为时间函数执行过一次后就立马进入到下一次,而自己在函数里记录的变量值已经发生改变,所以会出现错误。
正确的代码流程应该是,先实现下标切换,左右按钮切换,再实现轮播效果就可以完美的完成轮播图。

猜你喜欢

转载自blog.csdn.net/moanuan/article/details/103344295