1

我有一个对象构造函数来管理我在网站上拥有的很多动画，我想将一个参数传递给 start 函数，这个参数是一个回调，就像我想要实现的 oncomplete 一样，因为在某些情况下，当动画停止我想要一些元素出现。问题是我通过了回调但没有任何反应，我真的不知道为什么函数没有接受参数，我给你留下了一些代码，希望有人能帮助我。

// CONSTRUCTOR WHO MANAGE THE ANIMATIONS FOR THE WEBSITE
        function SpriteAnimation(frameWidth, spriteWidth, spriteElement, shouldLoop, frameRate){
            this.frameWidth = frameWidth;
            this.spriteWidth = spriteWidth;
            this.selector = document.getElementById(spriteElement);
            this.shouldLoop = shouldLoop ;
            this.curPx = 0;
            this.frameRate = frameRate;
        }

        SpriteAnimation.prototype.start = function(callback){

            this.selector.style.backgroundPosition = "-" + this.curPx + "px 0px";
            this.curPx += this.frameWidth;

            if (this.curPx < (this.spriteWidth - this.frameWidth)){
                setTimeout(this.start.bind(this), this.frameRate);
            } else if (this.shouldLoop) {
                this.curPx = 0;
                this.start();

                if(callback && typeof callback === "function"){
                    callback();
                }
            }

        };

现在我用来调用回调的代码片段：

var letter = new SpriteAnimation(789.695652, 18163, "letter", false, 53.3);

letter.start(function(){
    $("#form-field").fadeIn();
});

我不知道是否可能是我没有传递上下文或类似的东西，但实际上我正在学习 javascript，所以不太了解它是如何与对象一起工作的。在我每个动画只有一堆变量和函数之前。

4

1 回答 1

2

在你的情况下，this.shouldLoop是false。它永远不会进入else if

var letter = new SpriteAnimation(789.695652, 18163, "letter", false, 53.3);

您的第四个参数（false）分配给shouldLoop

else if (this.shouldLoop) { // never steps into this because this.shouldLoop is false
                this.curPx = 0;
                this.start();

                if(callback && typeof callback === "function"){
                    callback();
                }
            }
于 2013-11-01T14:51:49.423 回答