Confused с установленным таймаутом

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. 

Answer 2

setTimeout предполагается назвать функция только один раз.

, если вы хотите, чтобы вызвать метод повторно использовать setInterval(function(){}, 1000/*duration*/)

Answer 3

SetTimeout только ожидается выполнение функции сразу после заданного тайм-аута. См. Документацию здесь: http://www.w3schools.com/jsref/met_win_settimeout.asp

Возможно, вы ищете setInterval (http://www.w3schools.com/jsref/met_win_setinterval.asp), который выполняет код с заданным интервалом до тех пор, пока не вызывается clearInterval.

Answer 4

Во-первых, вы хотите setInterval, не setTimeout

Во-вторых, вы будете проходить ссылку на функцию, а не вызова к функции. Что-то вроде:

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