回答編集履歴

3 追記

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

```