回答編集履歴

3 追記

yambejp

yambejp score 57367

2017/09/20 16:24  投稿

```css
.select{border:1px solid #000000;}
```
```javascript
$(function(){
 var i=0;
 setInterval(function(){
   $('.step_box').removeClass('select').eq(i).addClass('select');
   i++;
   if(i>=$('.step_box').length) i=0;
 },3000); /*typeミス修正*/
});
```
```HTML
<div class="step_box">step1</div>
<div class="step_box">step2</div>
<div class="step_box">step3</div>
```
```
# 追記
最初から動く処理
```javascript
$(function(){
 $('.step_box').eq(0).addClass('select');
 var i=1;
 setInterval(function(){
   $('.step_box').removeClass('select').eq(i).addClass('select');
   i++;
   if(i>=$('.step_box').length) i=0;
 },3000);
});
```
2 typo

yambejp

yambejp score 57367

2017/09/15 20:43  投稿

```css
.select{border:1px solid #000000;}
```
```javascript
$(function(){
var i=0;
setInterval(function(){
$('.step_box').removeClass('select').eq(i).addClass('select');
i++;
if(i>=$('.step_box').length) i=0;
},3000); /*typeミス修正*/
});
```
```HTML
<div class="step_box">step1</div>
<div class="step_box">step2</div>
<div class="step_box">step3</div>
```
1 typo]

yambejp

yambejp score 57367

2017/09/15 20:43  投稿

```css
.select{border:1px solid #000000;}
```
```javascript
$(function(){
 var i=0;
 setInterval(function(){
   $('.step_box').removeClass('select').eq(i).addClass('select');
   i++;
   if(i>=$('.step_box').length) i=0;
 },1000,i);
 },3000); /*typeミス修正*/
});
```
```HTML
<div class="step_box">step1</div>
<div class="step_box">step2</div>
<div class="step_box">step3</div>
```

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る