我需要在javascript中运行特定代码3次

I need to run specific code for 3 times only in javascript

本文关键字：代码 3次 运行 javascript      更新时间：2023-09-26

我需要用jquery制作滑动动画。但只有3次。我写了这段代码。但是这个比3倍多。请帮我修复或给不同的代码。提前谢谢。

$(document).ready (function () {
    var i=0;
    while (i<3) {                    
        $('a.nextbtn').click (function () {
            $('ul.post-cat-sliding').stop().animate({"left": "-=596"},1500);
        });
        i++;
    }
});

和我也有先前按钮。如果我点击上一个按钮幻灯片会返回

使用当前的代码，您实际上是使用单个按钮附加3个单击事件，而不是将其限制为三次单击。用现在的代码，我认为你的滑动条会通过3个滑动条。

试试下面的代码:

$(document).ready (function () {
   var i=0;
   $('a.nextbtn').click (function () {
      if(i < 3) {
         $('ul.post-cat-sliding').stop().animate({"left": "-=596"},1500);
         i++;
      }
   });
});

for(var i = 0; i < 3; i++)可能看起来有点太啰嗦了。

也许你会喜欢这些方法:

for(i in [1,2,3]){
    console.log('three times')
}

或

for(i in new Array(3).fill()){
    console.log('three times')
}

或

for(i in '...'.split('')){
    console.log('three times')
}

我将使用for循环:

$(document).ready(function(){
    $('a.nextbtn').click (function(){
        for(var i = 0; i<3;i++)
        {
            $('ul.post-cat-sliding').stop().animate({"left": "-=596"},1500);
        }
    });
});

EDIT:在我阅读这篇文章时只关心循环。如果你想让动画在点击下一个按钮时运行3次，你应该使用上面的代码。您可以使用a.prevbtn

重用代码
相关文章：