перебор масива по кругу
хочу написать простой слайдер но не могу запустить перебор массива по кругу.
(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);
})();
|
Вася Задунайский,
<!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>
|
Спасибо огромное подогнал свой код работает просто идеально!:thanks:
|
| Часовой пояс GMT +3, время: 04:42. |