setInterval仅在对象方法上运行一次

时间:2012-08-12 15:02:24

标签: javascript jquery jquery-plugins setinterval

这是代码。


(function($){
    $.fn.testfunc = function() {

        this.init = function() {
            setInterval(this.func1(), 1000);
        };

        this.func1 = function() {
            console.log('func1');
            this.func2();
        };

        this.func2 = function() {
            console.log('func2');
            //some codes
        };

        return this.init();
    }
})(jQuery);

*当我使用括号时,第一个和第二个方法运行,但第一个方法只被调用一次。

*当我不使用括号时,第一种方法在间隔中运行就好了,但它没有/不能调用第二种方法。

我该怎么办?括号或不括号?我需要在区间中运行第一个方法,但也需要调用第二个方法。

3 个答案:

答案 0 :(得分:3)

那是因为当你使用setInterval时,第一个参数必须是对一个函数的引用:

setInterval(this.func1, 1000);

它没有括号,因为this.func1()表示执行函数this.func1this.func1是函数的名称,您可以将其用作参考。

答案 1 :(得分:2)

setInterval需要一个功能。 this.func1是一个函数,但this.func1()是调用函数的结果,即undefined(函数不返回任何内容)。这是你的第一个误解。

第二个误解与范围有关。如果您致电setInterval(this.func1, 1000);,则setInterval会调用正确的功能,但this将不会引用您的想法。我现在没时间解释,你一定要详细了解这个。无论如何,这将有效:

this.init = function() {
    var self = this;
    setInterval(function() { self.func1(); }, 1000);
};

答案 2 :(得分:0)

使用括号,您将调用该方法,而不是将其设置为回调。

setInterval(this.func1(), 1000);

func1将不会在this的范围内执行,因此它将无法访问func2。我有点生疏,但你应该可以使用call()。我不记得你是否需要从init和func1调用(),或者只是在func1中调用。