javascript 阻止多次点击造成的轮播混乱

最新推荐文章于 2022-04-08 12:09:08 发布

weixin_30952103

最新推荐文章于 2022-04-08 12:09:08 发布

阅读量378

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/bestsamcn/p/5101758.html

本文介绍了一种利用开关机制确保原生JavaScript动画完成后再进行下一次轮播运动的方法，有效避免了动画混乱问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 1 function nextSlider(){
 2     //使用b作为开关，只有动画完成后才能进行下一次运动
 3     if(b){
 4         //如果b为真，则马上设置b为false，如果startmove的回调没有重新设置b的值，则不能继续进行下一次轮播运动；
 5         b = false;
 6         index++;
 7         startMove( oUl,{ left : -liWidth * index},function(){
 8 
 9             if (oUl.offsetLeft < -oUl.offsetWidth / 2) {
10                 oUl.style.left= -liWidth + 'px';
11                 index = 1;
12             }
13             b = true;
14         })
15         return
16     }
17 };