javascript - 每 5 秒触发鼠标单击一个按钮

Question

如何每 X 秒触发一次鼠标单击元素（滑块“下一步”按钮）？

我在 Adob​​e Muse 中建立了一个网站，但滑块小部件没有自动播放功能，我试图让下一个按钮每 5 秒单击一次以模拟自动播放。我找到了按钮的类

<div class="fp-controlArrow fp-next"></div>

也许甚至有机会以某种方式触发点击它？谢谢

Answer 1

我必须指定两个类来触发按钮并使用更难的命令。这有效：

var interval = setInterval(function() {

document.querySelector('.fp-controlArrow.fp-next').click();


}, 5000);

现在我还有一个问题：用户用鼠标单击后退或下一步按钮后是否可以停止单击？

作为一个半措施，我将它设置为大约在它返回到第一张幻灯片时停止，但在用户单击任何按钮后停止它会更好......

var interval = setInterval(function() {

document.querySelector('.fp-controlArrow.fp-next').click();


}, 7000);

setTimeout(function( ) { clearInterval( interval ); }, 44000);

谢谢

Answer 2

您可以将间隔存储在变量上并随时停止

var interval = setInterval(function() {
    button.click();
    // [button] here is the element you found with the specified class
    // if you're using jQuery
    // you can get you button and trigger the event
    // beware of other buttons using the same class
    jQuery(".fp-next").trigger("click");
}, 5000);

//if you want to stop it 

clearInterval(interval);

Answer 3

使用setInterval()：

setInterval(() => {
  element.click()
}, 5000)

whereelement是对您的 DOM 元素的引用。