Jquery 替换a<;部门>;过了一段时间

Jquery 替换a<;部门>;过了一段时间,jquery,html,replace,Jquery,Html,Replace,我试图在10秒后在登录页上用DIV-B替换DIV-A 我一直在环顾四周,JQUERY似乎是最好的选择,但我不确定如何做到这一点。似乎有很多解决方案可以循环使用div,或者单击按钮就替换一个div,但我只需要将第一个div替换为第二个div 如果还有其他简单的解决办法,我愿意接受。该站点是HTML,我已经在使用缩小的JQUERY进行其他操作。您需要有一个超时来触发替换。然后您需要找到DIV-A的父级,删除DIV-A,然后将DIV-B添加到父级 试试这个: setTimeout( functi

我试图在10秒后在登录页上用DIV-B替换DIV-A

我一直在环顾四周,JQUERY似乎是最好的选择,但我不确定如何做到这一点。似乎有很多解决方案可以循环使用div,或者单击按钮就替换一个div,但我只需要将第一个div替换为第二个div


如果还有其他简单的解决办法,我愿意接受。该站点是HTML,我已经在使用缩小的JQUERY进行其他操作。

您需要有一个超时来触发替换。然后您需要找到DIV-A的父级,删除DIV-A,然后将DIV-B添加到父级

试试这个:

setTimeout(
   function(){
       //what to do after 10 seconds
       $('#divA').hide();
       $('#divB').show();
       //or some other code
   },
   10000
); //done :-)

您可以混合使用jquery和setTimeout来实现这一点:

var timeout_period = 1000;//in miliseconds so 1000 = 1 second
setTimeout ("$('#div-A').html( $('#div-B').html() );", timeout_period );
编辑:

<head> 

  <script type='text/javascript' src='js/jquery-1.5.1.min.js'></script> 

  <script type='text/javascript'> 

  $(window).load(function(){
  setTimeout(
   function(){

      $('#Div-A').replaceWith($('#Div-B'));
      $('#Div-B').show();

   },
   10000
);
  });

  </script> 

</head> 
<body> 
  <div id="Div-A">BOOOOOO</div> 
<div id="Div-B" style="display:none;">YAAAAAA</div> 


</body> 

$(窗口)。加载(函数(){
设置超时(
函数(){
$('Div-A')。替换为($('Div-B');
$(#Div-B').show();
},
10000
);
});
呜呜
YAAAAAA

这里是一个正在运行的演示

请注意,上述内容实际上并没有将div-a替换为div-B,而是它们的内容!不要这样做,以结合div,那么如果你想回到原来的divA你不能在你的instance@Liv同时,停止在所有答案中添加注释,将其添加到您的实际答案中……感谢您将整个答案放在原始答案中的注释——注意。然而,我不理解你关于“如果你想回到女主角身边,你就不能”的评论——请你解释一下!在您的示例中,用户无法返回到
div-A
的原始内容,因为它们已被
div-B
@El感谢!=)的内容替换我最近才发现这个函数。这帮了我很多忙@Ima谢谢,但我还是不确定我做得对不对。。。下面是我的代码,并为显示我的无知而道歉!这是使用JQUERY还是只是在头脑中使用javascript$(#DIV-A')。延迟(10000)。替换为(#DIV-B');BOOOOOO YAAAAAA您想让div-b在取代div-a之前可见吗?@Ima不想直接交换,我必须显示一条免责声明,然后用户才能单击。i、 e div-a(免责声明)10秒,然后将其替换为div-b(文本块和下一页链接)。