setTimeout()やsetInterval()で引数を渡す方法

setTimeout()やsetInterval()で引数を渡す方法

Posted at January 19,2015 1:11 AM
Tag:[JavaScript]

setTimeout()やsetInterval()で引数を渡す方法を紹介します。

setTimeout()やsetInterval()で引数を渡す方法

1.問題点

setTimeout()やsetInterval()で変数paramの値を起動先の関数fooに渡したいので次のように記述しましたが、期待通りの動作になりません。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
function foo(message) {
    alert(message);
}
$(function() {
    var param = "Hello!!";
    window.setTimeout(function(){foo(param)}, "1000");
});
</script>

コンソールでチェックすると「ReferenceError: param is not defined」というエラーになります。

2.setTimeout()やsetInterval()で引数を渡す

1項でエラーとなるのは、変数を文字列として扱っているためと思われます。

setTimeout()やsetInterval()で変数をパラメータとして渡したい場合、文字列結合させればOKとなります。

window.setTimeout("foo(" + param + ")", "3000");

または第1パラメータを無名関数に書き換えるという方法もあります。

window.setTimeout(function(){ foo(param) }, "3000");

3.その他

なお、下記のようにjQueryを介さない記述であればエラーとならないようです。

<script>
function foo(message) {
    alert(message);
}
var param = "hello";
window.setTimeout("foo(param)", "3000");
</script>
関連記事
zenback
人気エントリー
トラックバックURL


コメントする
greeting

*必須

*必須(非表示)


ご質問のコメントの回答については、内容あるいは多忙の場合、1週間以上かかる場合があります。また、すべてのご質問にはお答えできない可能性があります。予めご了承ください。

太字イタリックアンダーラインハイパーリンク引用
[サインインしない場合はここにCAPTCHAを表示します]

コメント投稿後にScript Errorや500エラーが表示された場合は、すぐに再送信せず、ブラウザの「戻る」ボタンで一旦エントリーのページに戻り(プレビュー画面で投稿した場合は、投稿内容をマウスコピーしてからエントリーのページに戻り)、ブラウザをリロードして投稿コメントが反映されていることを確認してください。

コメント欄に(X)HTMLタグやMTタグを記述される場合、「<」は「&lt;」、「>」は「&gt;」と入力してください。例えば「<$MTBlogURL$>」は「&lt;$MTBlogURL$&gt;」となります(全て半角文字)