在呈现页面后启动切换div n secs

Question

我使用下面的代码在我的主页上切换一个div：

$(document).ready(function() {

    window.setTimeout(function() {
        if ($("div[id='feature-content']").is(":visible")) {
            $("div[id='feature-content']").hide();
            $("div[id='feature-content']").slideToggle(9000).delay(4000);
        }

        $("div[id='feature-content']").slideToggle(9000).delay(4000);
    }
    ,
    5000
    );      
});     

对于上面的代码，会发生以下情况：

• div“feature”在呈现页面(DOM准备就绪)之后立即出现，
• 在5秒内保持可见，
• 然后消失
• ，然后切换开始。

f 210

我想要实现的是：

• 在呈现页面时，应该隐藏div的“功能-内容”。
• 5秒后，切换就开始了。

我试图在div中添加css样式“display:隐藏”，但没有效果。有什么想法吗？

谢谢。

Answer 1

“以下发生”之后的部分正是我认为应该发生的部分，从检查代码开始。试试这个：

  $(document).ready(function() {
      $("div[id='feature-content']").hide().delay(5000).slideToggle(9000);
  });

编辑--我认为OP希望它暂停，滑动到视图中，暂停，然后滑出视图，如下所示：

  $(document).ready(function() {
      $("div[id='feature-content']").hide().delay(5000).slideToggle().delay(9000).slideToggle();
  });

Answer 2

它应该是display:none而不是隐藏的