Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 24.04.2016, 06:27
Аватар для Вася Задунайский
Новичок на форуме
Отправить личное сообщение для Вася Задунайский Посмотреть профиль Найти все сообщения от Вася Задунайский
 
Регистрация: 24.04.2016
Сообщений: 9

перебор масива по кругу
хочу написать простой слайдер но не могу запустить перебор массива по кругу.
(function fer() {
    "use strict";
    var  mas = [
            document.getElementById("coteiners"),
            document.getElementById("coteiners2")
        ];
    var i = 0;
   
    function ret() {
         mas[i].classList.add("appearanceBlock");
        i= i +1
    }
     function ret1() {
         mas[i].classList.remove("appearanceBlock");
    }
    window.setInterval(ret, 3000);
    window.setInterval(ret1, 1000);
})();
Ответить с цитированием
  #2 (permalink)  
Старый 24.04.2016, 07:58
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,077

Вася Задунайский,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
    .coteiners  {
      width: 100px;
      height: 100px;
      float: left;
      transition: all .8s;
    }
    .appearanceBlock{
      background-color: #FF1493;
    }

 </style>


</head>

<body>
<div class="coteiners">1</div>
<div class="coteiners">2</div>
<div class="coteiners">3</div>
<div class="coteiners">4</div>
<div class="coteiners">5</div>
<script>
(function() {
    "use strict";
    var  mas = document.querySelectorAll(".coteiners");
    var i = mas.length-1;
    (function ret() {
         mas[i].classList.remove("appearanceBlock");
         i = ++i % mas.length;
         mas[i].classList.add("appearanceBlock");
         window.setTimeout(ret, 3000)
    })()
})();

  </script>
</body>
</html>
Ответить с цитированием
  #3 (permalink)  
Старый 24.04.2016, 13:46
Аватар для Вася Задунайский
Новичок на форуме
Отправить личное сообщение для Вася Задунайский Посмотреть профиль Найти все сообщения от Вася Задунайский
 
Регистрация: 24.04.2016
Сообщений: 9

Спасибо огромное подогнал свой код работает просто идеально!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Менять по кругу прозрачность элементов в div#start ufaclub jQuery 2 11.09.2014 02:11
Элемнты не двигаются по кругу дальше угла pi/2 Synov_son Events/DOM/Window 10 05.02.2014 01:17
Функция для перевода размера из байтов в понятный для человека формат Антон Крамолов Ваши сайты и скрипты 4 05.04.2013 16:42
Перебор DOM элементов DjDiablo jQuery 3 04.02.2011 16:26
Как создать перебор закладок по кругу? barmalei Общие вопросы Javascript 5 25.04.2009 14:36