Как написать скрипт на JS?

292
05 февраля 2018, 06:38

Есть такая структура

<div class='wrapper'>
<div class='slide active'></div>
<div class='slide'></div>
<div class='slide'></div>
<div class='slide'></div>
<div class='slide'></div>
</div>

надо что бы каждый 10 секунд, у прошлого удалялся класс active и у след. добавлялся, если дошел до конца переходит к первому( зациклен)

Answer 1

Как то так?

function slideShow(){ 
    var $next = $(".slide.active").next(".slide"); 
    $(".slide.active").removeClass('active'); 
    if(!$next.length) $next = $(".slide").eq(0); 
     
    $next.addClass('active'); 
} 
 
 
setInterval(slideShow, 3000);
.slide { 
   display: none; 
   color: red; 
} 
 
.slide.active { 
  display: block; 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div class='wrapper'> 
   <div class='slide active'>slide-1</div> 
   <div class='slide'>slide-2</div> 
   <div class='slide'>slide-3</div> 
   <div class='slide'>slide-4</div> 
   <div class='slide'>slide-5</div> 
</div>

READ ALSO
Импорт экспорт модулей в PHP как в JS

Импорт экспорт модулей в PHP как в JS

Всем привет! В JS есть очень удобная фича для организации кода - модулиТо есть разбиение блоков кода по отдельным файлам с возможностью импорта/экспорта...

205
Angular.js ng-show не обновляется в модальном окне

Angular.js ng-show не обновляется в модальном окне

У при нажатии на кнопку появляться модальное окно

242