Question

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

我一直在寻找，JQUERY似乎是最好的选择，但我不知道该怎么做。似乎有很多自行车DIV的解决方案，或者通过按钮点击替换一个，但我只需要用第二个替换第一个。

如果有任何其他简单的解决方案，我会对任何事情持开放态度。该网站是HTML，我已经将缩小的JQUERY用于其他内容。

Answer 1

修改

<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>

这是一个有效的演示 http://jsfiddle.net/mpeXp/

Answer 2

您需要超时才能触发替换。然后你需要找到DIV-A的父级，删除DIV-A，然后将DIV-B添加到父级。

Answer 3

试试这个：

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

Answer 4

你可以混合使用jquery和setTimeout来实现这个目的：

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

在设定的时间后替换<div> </div>

4 个答案: