animation - JQuery 动画不起作用

Question

好吧，我有一张通过向左移动 1000 像素来进行动画处理的图像。一旦停止，该图像将被替换为另一个图像。我的代码：

function image1() {
    $('#photo').animate({left: '1000px'}, 40000, function() {
        $('#photo').attr('src', 'image2.jpg');
       setTimeout(image1, "2000")
    });
}

图像确实移动了，但是当它停止时，它不会改变.. :(

Answer 1

尝试这个：

setTimeout(image1, 2000)

而不是这个

setTimeout(image1, "2000")

Answer 2

首先， to 的第二个参数setTimeout应该是一个数字（小于2^31），而不是字符串。

setTimeout(image1, 2000);

Answer 3

使用 $(this) 而不是重复选择器。