javascript - 与设置超时混淆

Question

我真的很困惑它们是如何工作的......超时似乎并没有继续运行它调用 begin_anim 一次，然后就是这样......

所以我希望有人能看到我出错的地方并解释我如何实现这个？

这是我的代码:

//test data:
//type = 'up';
//div = document.getElementById('theid');
//marginL = -400;

function timeout_begin(type,div,marginL){   
    setTimeout(begin_anim(type,div,marginL),1000);
}

function begin_anim(type,div,marginL){
    if(type == 'up'){
        if(marginL >= '-200'){ 
                if(marginL > '-200'){ 
                    div.style.marginLeft = '-200px';
                }
            return false;
        }
    marginL += 2;
    div.style.marginLeft = marginL+'px';


    }
    return false;
}

希望能帮到你!

Answer 1

您正在寻找setInterval !

此外，最好传入一个实际的函数，并且您可以保存对循环的引用，以便稍后可以根据需要停止它的运行:

var animationLoop = setInterval(function () {
       begin_anim(type, div, marginL);
    }, 1000);

clearInterval(animationLoop); // This would then stop the loop.