JavaScript的setTimeout不起作用

时间:2014-09-29 09:12:04

标签: javascript

我有一个模拟交通信号灯的简单JS对象:

function TrafficLight(redTime, yellowTime, greenTime) {
    var self = this;

    this.__timer = null;
    this.__state = null;
    this.__redTime = redTime;
    this.__yellowTime = yellowTime;
    this.__greenTime = greenTime;

    var setnewtimer = function (delay, func) {
        console.log('SET!');
        if (self.__timer) {
            clearTimeout(this.__timer);
        }
        self.__timer = setTimeout(delay, func);
    };

    TrafficLight.prototype.toRed = function () {
        this.__state = 'red';
        setnewtimer(this.__redTime, function () {
            console.log('RED!');
            self.toGreen();
        });
    };

    TrafficLight.prototype.toGreen = function () {
        this.__state = 'green';
        setnewtimer(this.__greenTime, function () {
            console.log('GREEN');
            self.toYellow();
        });
    };

    TrafficLight.prototype.toYellow = function () {
        this.__state = 'yellow';
        setnewtimer(this.__yellowTime, function () {
            console.log('YELLOW');
            self.toRed();
        });
    };

    TrafficLight.prototype.state = function () {
        return this.__state;
    };

    this.toGreen();
}

但是当我制作一个TrafficLight对象(例如var a = new TrafficLight(1000, 1000, 1000);)时,每个a.state()来电都会返回green(因此,红绿灯不会通过计时器更改其状态我的代码有什么问题?

1 个答案:

答案 0 :(得分:3)

您没有正确拨打setTimeout

更改

setTimeout(delay, func);

setTimeout(func, delay);