JS помогите с рандомным кодом

ЕСТЬ РЕШЕНИЕ ЗАКРЫТО InstantCMS 2.X
#1 3 июля 2018 в 16:57
  1. $('#hide_right li:first-child').addClass('');
  2. setInterval(function () {
  3. var show_element = $('#hide_right li.show');
  4. var next_element = $('#hide_right li.show').next();
  5. if (next_element.length == 0) {
  6. next_element = $('#hide_right li:first-child');
  7. }
  8. show_element.removeClass('show');
  9. next_element.addClass('show');
  10. }, 2000);
  11. });
Уважаемые знатоки помогите с кодом. Нужно чтобы класс show присваивался рандомно к li. В данном коде он последовательно присваивается по кругу от li к li.
#2 6 июля 2018 в 14:34
Вот рабочий код. Примените.
  1. <style>
  2. .show{display: block;}
  3. li {display: none;}
  4. </style>
  5. <ul id="hide_right">
  6. <li>Item1</li>
  7. <li>Item2</li>
  8. <li>Item3</li>
  9. <li>Item4</li>
  10. <li>Item5</li>
  11. </ul>
  12. <script>
  13. var max =$('#hide_right li').length;
  14. setInterval(function () {
  15. var min = 1;
  16. randomLi = Math.floor(Math.random() * (max+1));
  17. $('#hide_right li.show').removeClass('show');
  18. $('#hide_right li').eq(randomLi-1).addClass('show');
  19. }, 1000);
  20. </script>
#3 8 июля 2018 в 21:41


Вот рабочий код. Примените.

Lora

Спасибо. Палец вверх поставил Вам
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.