替换
在设定的时间后

发布于 2024-11-03 19:25:22 字数 202 浏览 1 评论 0原文

我尝试在 10 秒后将登陆页面上的 DIV-A 替换为 DIV-B。

我环顾四周,JQUERY 似乎是最好的选择,但我不知道该怎么做。似乎有很多用于循环 DIV 或通过单击按钮替换一个 DIV 的解决方案,但我只需要将第一个替换为第二个。

如果有任何其他简单的解决方案,我愿意接受任何事情。该网站是 HTML 的,我已经将缩小的 JQUERY 用于其他用途。

I'm trying to replace DIV-A with DIV-B on a landing page after 10 seconds.

I've been looking round and JQUERY seems to be the best bet, but I'm not sure how to do it. There seems to be plenty of solutions for cycling DIVs, or replacing one on a button click, but I just need the first to be replaced by the second.

If there's any other easy solutions I'm open for anything. The site is HTML and I'm already using the minified JQUERY for something else.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

醉城メ夜风 2024-11-10 19:25:22

编辑:

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

EDIT:

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

Here is a working demo http://jsfiddle.net/mpeXp/

虐人心 2024-11-10 19:25:22

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

You'll need to have a timeout to trigger the replacement. Then you'll need to find the parent of DIV-A, remove DIV-A, then add DIV-B to the parent.

缪败 2024-11-10 19:25:22

试试这个:

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

try this:

setTimeout(
   function(){
       //what to do after 10 seconds
       $('#divA').hide();
       $('#divB').show();
       //or some other code
   },
   10000
); //done :-)
沫雨熙 2024-11-10 19:25:22

你可以混合 jquery 和 setTimeout 来实现这一点:

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

you can mix jquery and setTimeout to achieve this:

var timeout_period = 1000;//in miliseconds so 1000 = 1 second
setTimeout ("$('#div-A').html( $('#div-B').html() );", timeout_period );
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文