Question

我在互联网上找到了一个滑块。但它没有自动旋转属性。我试图用setTimeout添加自动旋转功能并点击功能，但我不能成功。

此滑块每个幻灯片有4个按钮。我以为我可以使用jquery的click功能为每个按钮循环或我不知道的东西。也许你有更好的想法。

第一个标签类名称是tt-current。单击滑块的第二个按钮时，第二个标签类名称为tt-current。我想使用setTimeout函数单击下一个标签。应该每隔3秒钟点击一个标签。

我希望你们能理解我的问题。任何帮助，将不胜感激。对不起我顺便说一下我的英语不好。

Html文件代码：

<nav>
  //first button
  <a class="tt-current"></a>

  //second button  
  <a class="tt-next"></a>

  //third button
  <a></a>

  //fourth button
  <a></a>
</nav>

我的jquery代码：

// I've tried to do like this. The next a tag class name can be tt-next so i can click on it. 

setTimeout(function () {
    document.getElementByClass('tt-next').click();               
, 3000);

Answer 1

另请注意，没有名为getElementByClass的方法，正确的方法名称为 document.getElementsByClassName ，此方法将返回一个数组，因此您需要使用：

setTimeout(function () {
    document.getElementsByClassName('tt-next')[0].click();               
, 3000);

您可以使用以下方式应用jQuery：

setTimeout(function () {
    $('.tt-next').click();               
, 3000);

如何在Javascript中自动旋转

1 个答案: