Нужно добавить временную задержку между элементами .each

Question

Мне нужна помощь, вставляющая что-то вроде задержки между выполнением этого «кода()». Например, я хочу, чтобы он выполнялся один за другим каждые 4 секунды. Так, как и первый, через 4 секунды код выполняется снова и так далее для каждого из элементов данного класса.

Я также использую это в этом «коде()», поэтому мне нужно, чтобы он оставался там, потому что, например, я получал идентификатор каждого класса и использовал его.

var myFunction = function(){ 

     $(".someClass").each(function(){ 

      if(this.style.opacity != "0.5"){ 


       code(); 


      } 

     }); 
    }; 

Answer 1

Вы могли бы просто использовать индекс each цикла, чтобы задержать его с помощью тайм-аута:

var myFunction = function() { 
    $(".someClass").each(function(i) { 
    setTimeout(function() { 
     if (this.style.opacity != "0.5") { 
     code(); 
     } 
    }.bind(this), i * 4000); // bind relevant context 
    }); 
}; 

Другой вариант, используя filter():

var myFunction = function() { 
    $(".someClass").filter(function(){ 
    return this.style.opacity != "0.5"; 
    }).each(function(i) { 
    setTimeout(code.bind(this), i * 4000); 
    }); 
};