javascript - 需要在 .each 元素之间添加时间延迟

Question

我需要帮助插入类似执行“code()”之间的延迟的内容。例如，我希望它每 4 秒执行一次。就像第一个执行一样，4 秒后代码再次执行，所以on 对于具有给定类的每个元素。

我还在“code()”中使用 .this，所以我需要它留在那里，因为例如我获取每个给定类的 id 并使用它。

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);
  });
};