Question

我一直试图在10秒后单击页面上具有相同班级类别的所有按钮。这是在Google控制台中。

var myVar = setInterval(myTimer, 10000);

function myTimer() {
 var items = document.getElementsByClassName('button-play');
for (var i = 0; i < items.length; i++) 
{      
  items[i].click();
}
}

问题是它仅单击前两个按钮，然后循环返回第一个按钮它会跳过页面上其余的按钮

Answer 1

您可以共享您的HTML代码，以便我们检查您的HTML或JavaScript代码是否有错误。

您可以尝试以下格式的代码。这对我有用：

<html>
    <body>
        <button type="button" class="button-play" onclick="buttonClicked('Play1');"> Play1 </button>
        <button type="button" class="button-play" onclick="buttonClicked('Play2');"> Play2 </button>
        <button type="button" class="button-play" onclick="buttonClicked('Play3');"> Play3 </button>
    </body>
    <script>
        var myVar = setInterval(myTimer, 10000);

        function myTimer() {
            console.log(new Date());
            var items = document.getElementsByClassName('button-play');
            for (var i = 0; i < items.length; i++) {      
                items[i].click();
            }
        }
        function buttonClicked(text) {
            console.log(text);
        }
    </script>
</html>

输出：

单击同一班级的所有按钮

1 个答案: