Замена <DIV>через установленное время - PullRequest
Новая
       2

Замена <DIV>через установленное время

2 голосов
/ 27 апреля 2011

Я пытаюсь заменить DIV-A на DIV-B на целевой странице через 10 секунд.

Я искал вокруг, и JQUERY кажется лучшим выбором, но я не уверен, как это сделать. Кажется, существует множество решений для циклического переключения DIV или замены одного нажатием кнопки, но мне просто нужно заменить первое на второе.

Если есть другие простые решения, я открыт для всего. Сайт на HTML, и я уже использую минимизированный JQUERY для чего-то другого.

Ответы [ 4 ]

4 голосов
/ 27 апреля 2011

РЕДАКТИРОВАНИЕ: 

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

1 голос
/ 27 апреля 2011

У вас должен быть тайм-аут для запуска замены. Затем вам нужно найти родителя DIV-A, удалить DIV-A, затем добавить DIV-B к родителю.

0 голосов
/ 27 апреля 2011

вы можете смешать jquery и setTimeout для достижения этого: 

var timeout_period = 1000;//in miliseconds so 1000 = 1 second
setTimeout ("$('#div-A').html( $('#div-B').html() );", timeout_period );
0 голосов
/ 27 апреля 2011

попробуйте это: 

setTimeout(
   function(){
       //what to do after 10 seconds
       $('#divA').hide();
       $('#divB').show();
       //or some other code
   },
   10000
); //done :-)
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...