setIntervalの問題

Question

jQueryで最も基本的なsetIntervalの例を実装しようとしていて、問題が発生しています。ここで何が間違っていますか？

機能の回転は定義されていません。

$(document).ready(function() { 
    var speed = 5000; 
    var run = setInterval("rotate()", speed); 

    function rotate() { 
     alert ('rotate'); 
    } 
}); 

Answer 1

代わりにこれを行います。

$(document).ready(function() { 
    var speed = 5000; 

    function rotate() { 
     alert ('rotate'); 
    } 

    var run = setInterval(rotate, speed); 
}); 

あなたは、単にこれを行うことができます：

$(function() { 
    var speed = 5000; 

    var run = setInterval(function() { 
     alert ('rotate'); 
    }, speed); 
}); 

あなたがクリアできるようにしたい場合は、readyイベントハンドラ外runを宣言する必要があります後で間隔を置いてください。それ以外の場合は範囲​​外になります。

Answer 2

また、回転機能を準備機能の外に置くこともできます。

Answer 3

あなたのsetInterval呼び出しで括弧を省略し、rotateを引用符で囲みます。あなたは名前ではなく、関数そのものを与えています。彼らが入る順序は重要ではありません。

Answer 4

これは効果的に（自分が信じている）自分の状況を反映しています。

var run = setInterval(rotate, speed); 

に変更してください。あなたはsetInterval evalに文字列を渡している

$(document).ready(function() { 
    function rotate() { 
     alert ('rotate'); 
    } 
    var speed = 5000; 
    var run = setInterval(function() { rotate() }, speed); 

}); 

Answer 5

これは動作します。これは：ハード

• が異なるスコープ

機能は、それが内部に定義される関数の範囲に制限されて実行

非効率

醜い

をデバッグします。

は、あなたがグローバルスコープでrotateを定義する必要がなく、直接

var run = setInterval(rotate, speed); 

Answer 6

Answer 7

を関数を渡します。

$(document).ready(function() { 
    window.rotate = function() { 
     alert ('rotate'); 
    } 
    var speed = 5000; 
    var run = setInterval("rotate()", speed); 
}); 

Answer 8

$(function() { 
    var speed = 5000; 
    var rotate = function() { 
     alert("rotate"); 
    }; 

    window.setInterval(rotate, speed); 
});