Javascript 如何使幻灯片自动更改而无需单击？

如何使幻灯片自动更改

代码如下：

数字代理
和您的银行
贷款人。
我们为客户提供了范围广泛的贷款部分
数字代理
和您的银行
贷款人。
我们为客户提供了范围广泛的贷款部分
数字代理
和您的银行
贷款人。
我们为客户提供了范围广泛的贷款部分

您可以使用

setInterval

让它们在特定的时间间隔显示隐藏，如下所示：

var slideEls=[document.querySelector（“#slide-1”），
文档查询选择器（“#幻灯片-2”），
文档查询选择器（“#幻灯片-3”）
];
document.querySelector（“#slide-2”）.hidden=true；
document.querySelector（“#slide-3”）.hidden=true；
var i=0；
var id=window.setInterval（函数（）{
if（slideEls[i].隐藏）{
slideEls[i-1].hidden=true；
slideEls[i].hidden=false；
}
i++；
如果（i>=slideEls.length）{
窗口。清除间隔（id）；
}
}, 1000);

数字代理1
和您的银行
贷款人。
我们为客户提供了范围广泛的贷款部分
数字代理2
和您的银行
贷款人。
我们为客户提供了范围广泛的贷款部分
数字代理3
和您的银行
贷款人。
我们为客户提供了范围广泛的贷款部分
您可以使用
window.setInterval
每隔X毫秒重复一个函数，在该函数中，您可以通过编程方式单击
摄像机\u next
div

window.setInterval(function() {
  document.getElementsByClassName('camera_next')[0].click();
}, 10000); // 10 seconds

然而，这带来了一个问题。如果在用户单击
camera\u prev
或
camera\u next
div后不久触发间隔，会发生什么情况？横幅要么快速返回然后向前，要么分别向前两次，你不希望这样。要解决此问题，您需要在单击
camera\u prev
和
camera\u next
div时清除并重新创建间隔

var myInterval;

function createInterval() {
  myInterval = window.setInterval(function() {
    document.getElementsByClassName('camera_next')[0].click();
  }, 10000); // 10 seconds
}
function resetInterval() {
  if (myInterval) window.clearTimeout(myInterval);
  createInterval();
}

createInterval();

document.getElementsByClassName('camera_prev')[0].addEventListener('click', resetInterval);
document.getElementsByClassName('camera_next')[0].addEventListener('click', resetInterval);

您可能已经为
camera_prev
和
camera_next
divs设置了自己的单击事件侦听器，因此您可以调用
resetInterval（）在它们里面。
请发布您的代码，而不是itI的屏幕截图。谢谢