javascript - 根据 id 对多个 div 使用相同的函数

Question

我有一个适用于某些 div 的函数，每 2 秒，在它里面我想等待 1 秒来调用相同的方法但给其他 div，效果，问题是我如何等待那一秒(目前每2秒所有div执行效果，我想在1秒行执行)。

$(function () {
    index = 0;
    window.setInterval(function () {
        if (index > 10){ 
            index = 0;
        }    
        myFunction("so1", "flipping-right");
        //setTimeout(funcx, 1000);
        myFunction("so2", "flipping-left");        
        //setTimeout(funcx, 1000);
        myFunction("so3", "flipping-top");
        //setTimeout(funcx, 1000);
        myFunction("so4", "flipping-bottom");
        //setTimeout(funcx, 1000);
        myFunction("so5", "flipping-right");

        i++;
    }, 2000); 
});




myFunction = function (id, effect ) { 
    $('#' + id).toggleClass(effect);
} 

请看at my code

Answer 1

你几乎做对了，问题是你有函数调用，你需要传递函数本身。 setTimeout接受函数参数，因此您需要将函数传递给它。

尝试(在 setInterval 内)

setTimeout(function(){
    myFunction("so1", "flipping-right");
    myFunction("so2", "flipping-left");        
    myFunction("so3", "flipping-top");
    myFunction("so4", "flipping-bottom");
    myFunction("so5", "flipping-right");
}, 1000);

如果你想一个接一个地执行它们，你可以做类似的事情

 setTimeout(function(){
        myFunction("so1", "flipping-right");
 }, 1000);
 setTimeout(function(){
        myFunction("so2", "flipping-left");  
 }, 2000);
 setTimeout(function(){
        myFunction("so1", "flipping-right");
 }, 3000);
 setTimeout(function(){
       myFunction("so3", "flipping-top");
 }, 4000);
 setTimeout(function(){
        myFunction("so5", "flipping-right");
 }, 5000);

这里是 the fiddle updated假设第二种行为是您想要的。