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

Question

如何每隔 X 秒触发一次鼠标点击元素（滑块 "next" 按钮）？

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

的 class

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

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

Answer 1

使用setInterval():

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

其中 element 是对您的 DOM 元素的引用。

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

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

var interval = setInterval(function() {

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


}, 5000);

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

作为折中办法，我将它设置为在大约 returns 到第一张幻灯片的时候停止，但是在用户单击任何按钮后停止它会好得多...

var interval = setInterval(function() {

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


}, 7000);

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

谢谢

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

Trigger mouse click on a button each 5 seconds

javascript

dom

triggers

click

muse