Я планирую добавить два div в определенный промежуток времени к основному div, который содержит 5 div. Когда я добавляю новый div, он должен скрыть последний div в списке.Подготовить div к div, скрывающему последнего ребенка
Здесь я сделал скрипку http://jsfiddle.net/vivekdx/53aht/
Html
<div class="container">
<div class="child">1</div>
<div class="child">2</div>
<div class="child">3</div>
<div class="child">4</div>
<div class="child">5</div>
</div>
CSS
.container{ width:300px; height:300px; background:#eee;}
.child{ width:280px; margin:10px; height:40px; background:#ccc; float:left; text-align:Center; font-size:30px;}
Script
for (i = 0; i < 2; i++)
{
setInterval(function()
{
$(".container").prepend('<div class="child">6</div>');
}, 1000);
}
Но это не работает хорошо.
Когда я предварять шестой ДИВ пятый должен быть спрятан также 4-й DIV для 7-DIV ...
А также я не обернув его правильно. Направляйте меня сюда
setInterval не должен использоваться !!!!. Если выполнение вашего кода длиннее, чем интервал, то он будет выполнен в неизвестное время и может привести к другому порядку, чем тот, который вы ожидаете. : например: Итерация #X началась, но до завершения итерации # X + 1 началось и закончилось (так как интервал срабатывал каждые X миллисекунд), поэтому результаты будут выводиться с # X + 1 и только после этого #X. Ознакомьтесь с http://jsfiddle.net/53aht/11/ о том, как конвертировать код в setTimeout. – CodeWizard