如何在列表中的按钮上按间隔单击以触发触发器

问题描述 投票:0回答:1

我有一个带有按钮的列表。我想按顺序依次对每个按钮进行间隔触发,如果到达最后一个间隔,它将再次开始。

setInterval(function() {
  $('button').trigger('click');
}, 5000);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul>
  <li><button></button></li>
  <li><button></button></li>
  <li><button></button></li>
  <li><button></button></li>
  <li><button></button></li>
</ul>
javascript jquery triggers intervals
1个回答
1
投票

要实现这一点,您只需要一个变量来跟踪应单击哪个按钮,然后使用eq()通过索引选择button

let index = 0, $buttons = $('button');

setInterval(function() {
  $buttons.eq(index % $buttons.length).trigger('click');
  index++;
}, 1000);

// to test:
$('button').on('click', function(i) {
  console.log(`Button ${this.id} was clicked`);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul>
  <li><button id="1"></button></li>
  <li><button id="2"></button></li>
  <li><button id="3"></button></li>
  <li><button id="4"></button></li>
  <li><button id="5"></button></li>
</ul>

值得注意的是,触发click事件不一定是实现所需的最佳方法。我建议直接调用一个函数。

© www.soinside.com 2019 - 2024. All rights reserved.