如何用javascript连续点击多个按钮?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何用javascript连续点击多个按钮?相关的知识,希望对你有一定的参考价值。

是否可以创建单击多个按钮的脚本,点击之间的时间间隔为x?

例如,在点击x时间秒后点击第一个按钮等(使用javascript)。

    var inputs = document.getElementsByClassName('className');
 for(var i=0; i<inputs.length;i++) {
       setInterval(function() 
    {inputs[i].click() },1000  
  } 
答案

使用此代码

var allButtons = document.getElementsByClassName("button")
var timeInterval = 5000 // x time in miliseconds

function pressButton(iteration=0){
  
    setTimeout(function(){

      allButtons[iteration].click();
      pressButton(iteration++);

    }, timeInterval)
    
}

pressButton();


  
<div id="parent">

<button class="button" type="submit" > </button>
<button class="button" type="submit" > </button>
<button class="button" type="submit" > </button>
<button class="button" type="submit" > </button>
<button class="button" type="submit" > </button>

</div>
另一答案
<div>
  <button id="button1" onClick="alert('click button1');">Button 1</button>
  <button id="button2" onClick="alert('click button2');">Button 2</button>
  <button id="button3" onClick="alert('click button3');">Button 3</button>
</div>
<script>
  var clickcallback = function(i) {
    setTimeout(function() {
      let id = "button" + i;
      document.getElementById(id).click();
    }, 1000);   // one second
    if(i <= 3) {
        clickcallback(i+1);
    }
  };
  clickcallback(1);
</script>

这里的演示:https://jsfiddle.net/frasim/730xmhfv/8/

以上是关于如何用javascript连续点击多个按钮?的主要内容,如果未能解决你的问题,请参考以下文章

如何用jQuery禁用浏览器的前进后退按钮

如何用QT实现多个按钮信号响应不同的槽函数

如何用JavaScript替换数组中间隔多个参数

如何用js添加点击事件,点击后跳转到指定动态页面

如何用JS弹出“有输入框并带有是、否、取消按钮”的对话框。

如何用excel