setTimeout, JavaScript, без эффекта

Question

Мне нужно что-то оживить, но мое утверждение не имеет никакого эффекта. Мой код:

var movei=function(img){ 
    img.setAttribute("src", "blank.png"); 
} 

var comp=function() { 
    ...  
    for(var k=0; k<i; k++) { 
     var img=document.getElementById(id(k,col)); 
     img.setAttribute("src", "circ1.png"); 
     timer=setTimeout(movei(img),1000); 
     ... 
    } 
} 

Я прочитал еще вопросы о setTimeout (setInterval), но я не могу найти ответ.

Answer 1

попробовать timer=setTimeout(function(){movei(img);},1000);

Answer 2

Как @deceze также написал, вам необходимо изменить вызов SetTimeout так, чтобы не вызывать функцию movei, а передать «имя» функции. Тогда вам придется изменить поведение функции movei, чтобы оно либо получило простое строковое имя изображения, либо могло найти изображение самого изображения.

timer=setTimeout(movei,1000); 

или (в не recommented способом)

timer=setTimeout("movei(\"imgName\")",1000); 

Answer 3

Если вы хотите анимировать отдельные элементы, вы должны использовать рекурсию вместо петель.

После кода изображен тот же:

var count = 0; 
 

 
function getId(count) { 
 
    return "div_" + count; 
 
} 
 

 
function initTimer() { 
 
    setTimeout(function() { 
 
    count++; 
 
    var _id = getId(count); 
 
    var _el = document.getElementById(_id); 
 
    show(_el); 
 
    if (count < 7) 
 
     initTimer(); 
 
    }, 1000); 
 
} 
 

 
function show(el) { 
 
    el.style.display = "block"; 
 
} 
 

 
initTimer();

div { 
 
    display: none; 
 
}

<div id="div_1">1</div> 
 
<div id="div_2">2</div> 
 
<div id="div_3">3</div> 
 
<div id="div_4">4</div> 
 
<div id="div_5">5</div> 
 
<div id="div_6">6</div>