javascript - JQuery + setTimeout 不起作用

Question

我遇到了一个问题:我想每秒将一个对象从左向右移动 1px，但它不起作用，而且我找不到原因。我在这里阅读了多个线程，并完全按照建议的方式进行了操作。这是我的 JS 代码。 i 只是一个迭代器。但是整个代码立即执行并且浏览器崩溃了!

    $(document).ready(function() {
        var i = 0;
        setTimeout(moveIt(i), 1000);
        function moveIt(i) {
            console.log(i);
            if (i < 10)
                $("#moveObj").css('left', ($("#moveObj").css('left')+1)+"px");
            else if (i >= 10 && i < 20)
                $("#moveObj").css('left', ($("#moveObj").css('left')-1)+"px");
            else
                i = -1;

            i++;
            setTimeout(moveIt(i), 1000);
        }
    });

Answer 1

您需要传递一个将在延迟后执行的函数。请参阅window.setTimeout

setTimeout(function(){
   moveIt(i);
}, 1000);

或

你可以传递一串你想在延迟后执行的代码

setTimeout('moveIt('+i+')', 1000);