Question

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

我已经在Adobe Muse中建立了一个网站，但是滑块小部件没有自动播放功能，我正在尝试按下每个5秒的下一个按钮来模拟自动播放。我找到了按钮的课程

<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);

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

作为一个半小节，我把它设置为在大约一段时间停止它返回到第一张幻灯片，但是在用户点击任何按钮后停止它会好得多......

var interval = setInterval(function() {

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


}, 7000);

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

由于

每5秒触发一次按钮

3 个答案: