setInterval的问题

Question

我只是试图用jQuery实现setInterval的最基本的例子，并且遇到了问题。这有什么不对？

它表示没有定义函数rotate。

$(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);
});

如果您希望稍后能够清除时间间隔，则应在就绪事件处理程序之外声明run，否则它将超出范围。

Answer 2

您正在将setInterval字符串传递给eval。这是：

• 难以调试
• 低效
• 丑
• 在不同的范围内执行

该函数的范围受限于其内部定义的函数。

直接传递函数

    var run = setInterval(rotate, speed);

Answer 3

在setInterval调用中省略括号和引号。你给它的功能本身，而不是名称。它们的顺序无关紧要。

Answer 4

这有效地评估了（我认为）其自身的背景。将其更改为

var run = setInterval(rotate, speed);

它应该没问题。

Answer 5

甚至将旋转功能放在就绪功能之外。

Answer 6

这是有效的

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

});

Answer 7

您需要在全局范围内定义rotate。

$(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);
});