Question

我无法解决使用Jquery点击5个按钮的问题我想点击所有5个按钮，但不是同时点击。相反，我想执行一个名为“全部更新”的按钮。执行后，我希望所有5个按钮逐个点击，间隔3秒，然后停在第5个按钮这是我的代码，但是此代码单击所有按钮，没有间隔。因此，如果互联网真的很慢，这将不起作用。

提前感谢您的帮助。
顺便说一句，这段代码在while循环中。

$(document).ready(function(){
    $('#updateAll').click(function(){        
    setTimeout(function() {
        $("#SubmitFormData<?php echo $chili_id; ?>").trigger('click');
    }, 3000);        
  });
});

Answer 1

$(document).ready(function(){    
  $('#updateAll').on('click',function(){
     var inputBtn=$('.saveBtn');
     var C=0; 
     var setInter=setInterval(function(){
        if( C==inputBtn.leangh) 
           clearInterval(setInter);  
           $(inputBtn[C]).click(); 
           C++; 
     }, 3000); 
 });
     
    $('.saveBtn').on("click",function(){
     console.log($(this).val());
    });       
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="button" id="updateAll" value="updateAll"/>
<br>
<input type="button" class="saveBtn" value="click 1"/>
<input type="button" class="saveBtn" value="click 2"/>
<input type="button" class="saveBtn" value="click 3"/>
<input type="button" class="saveBtn" value="click 4"/>
<input type="button" class="saveBtn" value="click 5"/>

Answer 2

var i=1;
$(document).ready(function() {
  $("#update").click(function(){
    interval = setInterval(function(){
     if(i<=5)
     {
       $("#"+i).click();
       alert("button"+i+"click");
     }
     i++;
    },3000);  
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="button" id="update" class="btn" value="Update All"/>
<br/><br/><br/>
<input type="button" id="1" class="btn" value="click 1"/>
<input type="button" id="2" class="btn" value="click 2"/>
<input type="button" id="3" class="btn" value="click 3"/>
<input type="button" id="4" class="btn" value="click 4"/>
<input type="button" id="5" class="btn" value="click 5"/>

单击Jquery事件

2 个答案: