javascript - 如何每 5 秒检查一次 Div 是否可见，如果可见，显示另一个 div？

Question

我正在尝试检查是否所有 div 都可见，如果它们不显示包含提交按钮的 div。所有的 div 基本上都是验证器，只有在有错误时才会显示。这是因为我不能使用 Jquery 验证器。我在计时器上执行此操作，因此它可以每 5 秒检查一次，而不是使用按钮。此外 - 无法将验证链接到按钮。

我尝试过的:
JS:

     window.setInterval(function(){
     if ($(".needData:hidden").length == 0) {
         $(".answer").show();
         $(".pleaseval").hide();

    }else{
         $(".answer").hide();
         $(".pleaseval").show();
             }       
        }, 5000);

HTML:

div id="myClass" class="needData" style="display:none">hidden</div>
div id="myClass1" class="needData" style="display:none">hidden</div>
div id="myClass2"  class="needData" style="display:none">hidden</div>
div id="myClass3" class="needData" style="display:none">hidden</div>
<div class="pleaseval">Please fill out form</div>

<div id="answer" class="answer"><button>button</button></div>

Answer 1

您在 js 中定位 .answer 但您实际上不需要 #answer 吗？

像这样:

window.setInterval(function(){
     if ($(".needData:visible").length == 0) {
         $("#answer").show();
         $(".pleaseval").hide();

    }else{
         $("#answer").hide();
         $(".pleaseval").show();
    }       
}, 5000);

在这里你可以看到它的测试https://jsfiddle.net/8bL8ywzu/

如果您从一个元素中删除 style="display:none"，您将看到 5 秒后按钮将被隐藏。