Форум

Вася Задунайский · #1 (**permalink**) 24.04.2016, 06:27

хочу написать простой слайдер но не могу запустить перебор массива по кругу.

(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

Вася Задунайский,

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

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

Форум

Справочник

Discord чат

Курсы javascript