Вася Задунайский,
<!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>