Показать сообщение отдельно
  #7 (permalink)  
Старый 07.07.2018, 00:07
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<style>
    .show{display: block;}
    li {display: none;}
</style>
<ul id="hide_right">
    <li>Item1</li>
    <li>Item2</li>
    <li>Item3</li>
    <li>Item4</li>
    <li>Item5</li>
</ul>
<script>
    var li = $('#hide_right li'), x;
    (function show(){
    	 do index = Math.floor(Math.random() * li.length);
    	 while(x == index);
         li.eq(x).removeClass('show');
    	 x = index;
       li.eq(index).addClass('show');
       setTimeout(show, 1000);
    }());
</script>


без повторений

Последний раз редактировалось j0hnik, 07.07.2018 в 15:07.
Ответить с цитированием