自动点击网页上的链接以显示

Question

我有一个包含 7 个链接的网页，我希望能够将其设置为自动点击，然后在切换时永远重复，点击之间有 60 秒的延迟。我想设置一个按钮来打开/关闭它。打开时，网页会执行点击动作，关闭时，网页会正常运行。我们的想法是将此功能用于显示目的（显示我们的各种指标等）。

我找到了这个描述使用 setInterval 的链接：Calling a function every 60 seconds

还有一个描述以编程方式单击链接的内容：How do I programmatically click a link with javascript? ，但一直找不到这两种方法结合使用的任何示例。

试过了：

function click_links(){
    $("safety").trigger("click");
}

window.setInterval(function(){

      click_links();
}, 2000); 

并调用：

onclick="click_links();"

但是，到目前为止，连点击事件都触发不了。

尝试 2： 我很接近这个：

function links() {
safety
daily
monday
tuesday
}

var intervalId;
function toggleIntervalb() {

  if (!intervalId) {
    intervalId = setTimeout(links, 5000); 
  } else {
    clearInterval(intervalId);
    intervalId = null;
  }
}

function safety(){
document.getElementById("fires").style.display = 'none';
document.getElementById("safety").style.display = 'block';
document.getElementById("daily").style.display = 'none';
document.getElementById("monday").style.display = 'none';
document.getElementById("tuesday").style.display = 'none';

}
function daily(){
document.getElementById("fires").style.display = 'none';
document.getElementById("safety").style.display = 'none';
document.getElementById("daily").style.display = 'block';
document.getElementById("monday").style.display = 'none';
document.getElementById("tuesday").style.display = 'none';

}
function monday(){
document.getElementById("fires").style.display = 'none';
document.getElementById("safety").style.display = 'none';
document.getElementById("daily").style.display = 'none';
document.getElementById("monday").style.display = 'block';
document.getElementById("tuesday").style.display = 'none';

function tuesday(){
document.getElementById("fires").style.display = 'none';
document.getElementById("safety").style.display = 'none';
document.getElementById("daily").style.display = 'none';
document.getElementById("monday").style.display = 'none';
document.getElementById("tuesday").style.display = 'block';

但是，5 秒后，它只执行集合中的最后一个函数（星期二），并且不会在每个函数之间有延迟地遍历它们。

Answer 1

How do I programmatically click a link with javascript? 中的答案不再准确；现在脚本启动的点击事件只是触发事件，they do not cause the browser to actually follow the links:

注意：手动触发事件不会生成与该事件关联的默认操作。例如，手动触发键事件不会导致该字母出现在焦点文本输入中。对于 UI 事件，出于安全原因，这很重要，因为它可以防止脚本模拟与浏览器本身交互的用户操作。

该文档适用于键盘事件，但同样适用于点击事件，如下所示：

$('#foo').on("click", function() {
 console.log("Click event fired");
});

$('#test').on("click",function() {
  $('#foo').trigger('click');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
   This will work: <a id="foo" href="https://example.com">Example link</a><br>

   This will fire the event but not follow the link: <button id="test">Trigger "click" event on link</button>

相反，您需要阅读每个链接的 href 和重定向：

$('#test').on("click",function() {
  var url = $('#foo').attr("href");
  window.location = url;
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a id="foo" href="https://example.com">Example link</a><br>

<button id="test">Redirect to HREF from link</button>

（对于您想要的循环行为，当然，您需要将这些链接定位到 iframe 或单独的窗口中；否则，一旦用户被重定向到第一个链接，您的代码就会停止运行。）