引数が無効です。エラー対処法

Question

javascript初心者です。
色々調べてましたがどうしても解決できません。

$('.fade_In').css({position:'relative', top:'8px', opacity: 0});
 
var i = 0;
var length = $('.fade_In').length;
var timer_id;
 
function doThis(){
    if(i >= length){
        clearInterval(timer_id);
    }else{
        $('.fade_In').eq(i).stop().animate({top:'0px', opacity: 1}, 1000);
        i++;
    }
}
 
$(function(){
    $('.recommend_area table').waypoint(function(){
        timer_id = setInterval( doThis(i) , 500);
           ↑引数が無効です
    },{
       offset : '95%'
    });
});

timer_id = setInterval( doThis(i) , 500);ここがIE9で見るとエラーになります。
原因がわかりません。
引数が無効ですと表示されて動かなくなります。

Answer 1

setInterval( doThis(i) , 500);

setIntervalメソッドの引数は（関数,数値）になります。
doThis(i)の戻り値はreturn指定がないため「undefined」が返っている状態かと思います。

timer_id = setInterval( doThis , 500);

このようにしたら動きませんか？

Comments

[tree_tree]

cookie_makerさん
無事エラーが解決しました。
ありがとうございます！
助かりました。