jQueryのanimate関数でオブジェクトを移動させ、再帰呼出しでループ処理しましたが失敗します

###前提・実現したいこと
htmlページで、jQueryのanimate関数を使って
「snow01」「snow02」というidを割り当てたimgを
画面上から下へ等速直線運動をさせ、
画面下まで到達したらまた上からループさせたいと思っています。

「snow01」用の関数と「snow02」用の関数を別々に書いて
引数なしで再帰呼び出しするとうまくループしますが、
２つの関数の処理を汎用的にまとめた（つもりの）関数fallCtrl(id, dur)では
再帰呼び出しがうまくいかず、ループの2回めの処理が失敗する状態です。

ご指南いただければ幸いです。よろしくお願いします。

###発生している問題・エラーメッセージ
console.log()のメッセージは以下です。

Uncaught ReferenceError: id is not defined(…)

###該当のソースコード

$(function() { 
// ループ成功
//	setTimeout('fall01()');
//	setTimeout('fall02()', 1000);

// 関数を汎用にしたが、ループしないバグ発生
	setTimeout('fallCtrl("#snow01", 9000)');
	setTimeout('fallCtrl("#snow02", 8000)', 1000);
});

function fallCtrl(id, dur) {
    $(id).animate({
        top: '500px'
    }, {
		duration: dur,
		easing: 'linear'
	}).animate({
        top: '-70px'
    }, {
		duration: 0,
		easing: 'linear'
	})
	// 再帰関数にidが渡らない？？
    setTimeout('fallCtrl(id, dur)', dur);
}

function fall01() {
    $('#snow01').animate({
        top: '500px'
    }, {
		duration: 9000,
		easing: 'linear'
	}).animate({
        top: '-70px'
    }, {
		duration: 0,
		easing: 'linear'
	})
    setTimeout('fall01()', 9000);
}

function fall02() {
    $('#snow02').animate({
        top: '500px'
    }, {
		duration: 8000,
		easing: 'linear'
	}).animate({
        top: '-70px'
    }, {
		duration: 0,
		easing: 'linear'
	})
    setTimeout('fall02()', 8000);
}

###試したこと
conslole.log('['+id+']');をfallCtrl(id, dur)関数内に書いてログを見ました。
1回めは正常に表示されますが、2回めはログ自体が表示されませんでした。

###補足情報(言語/FW/ツール等のバージョンなど)
jQueryバージョンは2.1.4です。
確認環境はChrome/winです。

行動規範の内容に同意します

回答1件

ベストアンサー

コールバックの仕方を調整してください

javascript
1$(function() { 
2  setTimeout(function(){fallCtrl("#snow01", 9000)});
3  setTimeout(function(){fallCtrl("#snow02", 8000)}, 1000);
4});
5
6function fallCtrl(id, dur) {
7    $(id).animate({
8        top: '500px'
9    }, {
10        duration: dur,
11        easing: 'linear'
12    }).animate({
13        top: '-70px'
14    }, {
15        duration: 0,
16        easing: 'linear'
17    })
18      setTimeout(function(){fallCtrl(id, dur)}, dur);
19}
20